| Главная » Файлы » Прочие скрипты » jQuery |
Модальное окно jQuery
| 23.06.14, 15:52:05 | |
  Открытие окна по клику текста, который вы укажите при установке данного скрипта. Установка: Перед закрывающимся тегом /body пишем: Код <div id="box"> <div id="dialog" class="window rad shadow"> $GLOBAL_MODAL$ </div> </div> <div id="mask"></div> <script language="javascript" src="/js/modal.js"></script> Далее в HEAD добавляем ссылку на стили для нашего окна: Код <link href="/css/modal-css.css" rel="stylesheet" type="text/css" media="screen" /> Далее создаём глобальный блок с названием MODAL и вставляем в него следующий код: Код <div id="title-modal">Заголовок <div id="close"><a href="#" class="close"><img src="/images/close.png" /></a></div> </div> <div align="center"> Здесь Ваш текст или код который Вы будете выводить в этом окне! </div> Далее в нужном Вам месте сайта вставляем ссылку для открытия окна: Код <a href="#dialog" name="modal">Открыть окно</a> Вот собственно всё, размеры окна регулируются в файле modal.css в строчках: Код width:300px; height:200px; Залейте все файлы из прикреплённого архива в корень вашего сайта Материал подготовлен GrandDooM'ом | |
| Просмотров: 409 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |