Главная » Файлы » Прочие скрипты » 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'ом
Категория: jQuery | Добавил: Apocalypse | Теги: JQuery, окно, Модальное
Просмотров: 277 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: