Разработка сайтов - профеcсиональная разработка сайтов в городе Алматы и по всему Казахстану.

Создание сайтов - создание сайтов для вашего бизнеса.

Лединг сайт - одностраничный сайт для привлечения клиентов.

Создание интернет магазина - интернет площадка в интернете.

Разработка интернет магазина - Ваш магазин без арендной платы.

Техническая поддержка сайтов - доверьтесь нашим спецалистам.

Разработка сайтов  

 

Главная / Блог / Полезные скрипты / Красивое модальное окно.

Красивое модальное окно.


 

Модальное окно Reveal.

Добрый день! Сегодня расскажу об очень эффектном модальном окне. Интегрировать в любую систему очень легко, причем работает он великолепно, красиво и бесперебойно с другими скриптами. Скачать можно тут.

Просмотр модального окна

После того как вы скачали, и посмотрели как работает модальное окно, я вам расскажу как его внедрить к себе.

 

Для начало подключите два файла Javascript:

Подключение скриптов модального окна

 

Так же подключите таблицу стилей:

Подключение css

 

Вот и все, мы подключили модальное окно , теперь можем его вызывать. Просто и быстро, не так ли?

 

Для того что бы вызвать модальное окно, создадим ссылку:

ссылка на кнопку

 

Где myModal - это имя модального окна которое будет нам показано. Ниже пишем разметку для модального окна:

Разметка модального окна

 

Где id="myModal" идентификатор вызываемого окна. Так же мы должны показать крестик, для закрытие модального окна.

Это показано тут:

кнопка закрыть модальное окно

 

Как вы видите все работает легко, быстро и эффектно.

Так же вы можете побаловаться настройками:

Параметры модального окна

Название параметров на английском говорят сами за себя.

Создан: 11.01.2015 г. Кол-во просмотров: 302

Modern Design Lab

СОЦИАЛЬНЫЕ СЕТИ

Modern Design Lab на FaceBook Modern Design Lab в Вконтакте
Яндекс.Метрика Наш адрес   РЕСПУБЛИКА КАЗАХСТАН, АЛМАТЫ КУНАЕВА 21Б
Наши телефоны   ТЕЛ. +7 777 433 38 22
+7 707 233 38 22
E-MAIL: info@md.kz