Подключение JQuery
Код
<script type="text/javascript" src="jquery.js"></script>
Плагин jQuery TabSlideOut
Код
<script src="jquery.tabslideout.js" type="text/javascript"></script>
Код CSS
Код
.panel {
height:400px;
width: 300px;
background: #99250E;
color:#FFFFFF
}
.sp {padding:20px}
Код HTML
Код
<div class="panel">
<div class="sp">
<a class="handle" href="http://yraaa.ru">Yraaa</a
<span lang="ru">
$MFORM_1$
</span>
</div>
</div>
Код JavaScript
Код
$(function(){
$('.panel').tabSlideOut({ //Класс панели
tabHandle: '.handle', //Класс кнопки
pathToTabImage: 'contacts.png', //Путь к изображению кнопки
imageHeight: '138px', //Высота кнопки
imageWidth: '40px', //Ширина кнопки
tabLocation: 'left', //Расположение панели top , right, bottom, left
speed: 300, //Скорость анимации
action: 'click', //Метод показа click, hover
topPos: '35%', //Отступ сверху
fixedPosition: false //false - position: absolute, true - position: fixed
});
});
Еще нужно скачать вот это.
Только лучше jquery не подключать, только плагин, а то работать не будет.
