Простое модальное окно с красивым эффектом

28.08.2016 472 0 Turbo Все для uCoz Скрипты для uCoz

Простое модальное окно с красивым эффектом-красивое окошко с тремя разными появлениями,очень оригинально для сайтов,притом что в таком окне можно вывести любого рода информацию и новость,применение таких окон безгранично,туда можно впихнуть и код какого нибудь скрипта или же сделать ее формой входа,все зависит от вашей фантазии

Установка:Для начала перед вставляете:

Код

Далее перед вставляете:

Код

<div id="myModal" class="reveal-modal">
<h1>Название окна</h1>
<p>Содержание окна</p>
<a class="close-reveal-modal" style="text-decoration:none;">×</a>
</div>

Для вызова первого окна (как в демонстрации) используйте код:

Код

<a href="javascript://" class="big-link" data-reveal-id="myModal">Название</a>

Для вызова второго окна (как в демонстрации) используйте код:

Код

<a href="javascript://" class="big-link" data-reveal-id="myModal" data-animation="fade">Название</a>

Простое модальное окно с красивым эффектом

Не много описания:
Привет! Сегодня мы с Вами поговорим о модульных окнах на jQuery. Представляю Вашему вниманию простое модальное окно с 3 красивыми эффектами. Окно полностью построено на CSS и jQuery, кстати, такое окно используется и у нас на сайте, его Вы можете увидеть при входе на наш портал (синяя кнопка войти сверху с правой стороны).

Установка jQuery окна:
Для начала перед вставляете:

Далее перед вставляете:

Для вызова первого окна используйте код:
Название

Для вызова второго окна используйте код:
Название

Для вызова третьего окна используйте код:

Код

<a href="javascript://" class="big-link" data-reveal-id="myModal" data-animation="none">Название</a>

Файлы для скачивания отсутствуют.

Поблагодарить автора Автор: Turbo