Вы находитесь здесь:Плагины jQuery»liLeteralBlock - jQuery Leteral Block или скользящая боковая панель на jQuery

liLeteralBlock - jQuery Leteral Block или скользящая боковая панель на jQuery

Четверг, 06 Сентябрь 2012 00:27 Автор 
jQuery Плагин liLeteralBlock прекрасно послужит и для рекламы, и для корзины товаров, и для навигационного меню, и для просто скользящей кнопки.
Присутствует возможность размещать скользящий блок и справа и слева. Также с помощью параметров можно задавать вертикальное расположение скользящего блока, а именно прижать его к верху, к низу, расположить вертикально по центру либо на определенном расстоянии от верха.

Пример работы на JSFIDDLE

Подключаемые файлы







Инициализация плагина


Структура HTML

Блок нужно вставить в корень тега BODY до либо после основного содержания


  
  
  
Прочитано 5851 раз Последнее изменение Воскресенье, 30 Март 2014 17:18
Оцените материал
(3 голосов)

Комментарии   

 
# Юрий 24.09.2012 11:41
Хорошо бы поменять строку 35 на leteralEl.css({ top:($(window). scrollTop() + parseInt(posTop))})
и будет идеально
Ответить | Ответить с цитатой | Цитировать
 
 
# LiMasscode 25.09.2012 00:01
Действительно, упустил из вида. Теперь при старте загрузки страницы позиционировани е скользящего блока - правильное. Спасибо Юра
Ответить | Ответить с цитатой | Цитировать
 
 
# Alex 05.08.2013 05:21
Отлично всё рассказано, самое то для новичка искал такую штуку нашёл у Жени Попова ни черта не понял (масло маслянное)Спаси бо за инфу.
Ответить | Ответить с цитатой | Цитировать
 
 
# Евгений 15.04.2014 06:32
Здравствуйте, скажите, а есть ли возможность поправить, так чтобы панелька выезжала при наведении на нее и скрывалась, когда курсор будем убирать!?
Ответить | Ответить с цитатой | Цитировать
 
 
# LiMasscode 15.04.2014 11:32
Цитирую Евгений:
Здравствуйте, скажите, а есть ли возможность поправить, так чтобы панелька выезжала при наведении на нее и скрывалась, когда курсор будем убирать!?

Конечно можно:
jsfiddle.net/aKuRm/41/
Ответить | Ответить с цитатой | Цитировать
 
 
# Егор 24.10.2014 18:45
Подскажите пожалуйста как добавить название картинки и поместить картинку в блок?
Ответить | Ответить с цитатой | Цитировать
 
 
# LiMasscode 25.10.2014 22:28
Цитирую Егор:
Подскажите пожалуйста как добавить название картинки и поместить картинку в блок?

Картинку и название помещаете туда где написано
"Содержание скользящего/пла вающего блока"
с помощью тега "img" http://htmlbook.ru/html/img
Ответить | Ответить с цитатой | Цитировать
 

Добавить комментарий

Защитный код
Обновить

Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="http://masscode.ru" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Вы находитесь здесь:   ГлавнаяjQueryliLeteralBlock - jQuery Leteral Block или скользящая боковая панель на jQuery