| Главная » Файлы » Прочие скрипты » jQuery |
Ещё один вид простых модальных окон с плавным появлением и исчезновением на jQuery
| 23.06.14, 11:39:11 | |
 Очередная наработка в плане создания модальных окон. Плавное появление и угасание при клике по затемнённой части, гибкость настройки и простота установки выделяют этот плагин из всех других аналогов Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <link rel="stylesheet" type="text/css" href="/css/style.css"/> <script type="text/javascript" src="/js/custom.js"></script> В самый низ после тега /body вставляйте: Код <div id="fade"></div> В то место, где будет ссылка на открытие модального окна, вставляйте: Код <a href="#" rel="popuprel" class="popup">Открыть модальное окно</a> <div class="popupbox" id="popuprel"> <div id="intabdiv1"> Здесь любой ваш контент </div> </div> Обратите своё внимание на параметры ссылки: rel="popuprel" - Уникальный ID. Это означает, что данная ссылка будет открывать окно с этим ID class="popup" - Указывает на то, что ссылка откроет модальное окно Обратите своё внимание на параметры модального окна: class="popupbox" - Указывает на то, что это окно является модальным и стилизируется через класс popupbox (Выбирайте между popupbox, popupbox2 и popupbox3) id="popuprel" - Уникальный ID всего окна id="intabdiv1" - Уникальный ID контента данного окна Вид окон легко настраивается, главное - разбираться в css Осталось лишь залить скрипт из прикреплённого архива в папку js стиль в папку css и три картинки в папку images | |
| Просмотров: 607 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |