Выдвигающаяся панель
Добавлено: 22 ноя 2012, 20:45Здравствуйте!
Хочу установить на сайт эту выдвигающуюся панель (страница описания скрипта и подключения), но не знаю точно куда.
По идее в \protected\views\layouts\main.php
но при добавления в <head> скриптов пропадает слайдер.
Вот эти скрипты:
И куда лучше добавлять html часть? куда-нибудь в <body>после закрытия дивов?
Хочу установить на сайт эту выдвигающуюся панель (страница описания скрипта и подключения), но не знаю точно куда.
По идее в \protected\views\layouts\main.php
но при добавления в <head> скриптов пропадает слайдер.
Вот эти скрипты:
- Код: Выделить всё
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="jquery.tabslideout.v1.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('.panel').tabSlideOut({ //Класс панели
tabHandle: '.handle', //Класс кнопки
pathToTabImage: 'button.gif', //Путь к изображению кнопки
imageHeight: '122px', //Высота кнопки
imageWidth: '40px', //Ширина кнопки
tabLocation: 'right', //Расположение панели top - выдвигается сверху, right - выдвигается справа, bottom - выдвигается снизу, left - выдвигается слева
speed: 300, //Скорость анимации
action: 'click', //Метод показа click - выдвигается по клику на кнопку, hover - выдвигается при наведении курсора
topPos: '200px', //Отступ сверху
fixedPosition: false //Позиционирование блока false - position: absolute, true - position: fixed
});
});
</script>
И куда лучше добавлять html часть? куда-нибудь в <body>после закрытия дивов?
- Код: Выделить всё
<div class="panel">
<a class="handle" href="http://jemand.ru">Content</a> <!-- Ссылка для пользователей с отключенным JavaScript -->
<h3><span lang="ru">Заголовок</span></h3><br>
<span lang="ru">
Любое содержание здесь!
</span>
</div>
