Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Модальное окно на весь экран браузера
Модальное окно на весь экран браузера
workman
Дата: Вторник, 05.01.2016, 16:08 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7




Данный код ставим вверх своего сайта
Код

<link rel="stylesheet" href="http://www.brigada31.ru/DEMO/animatedModal/animate.min.css">
<script src="http://www.brigada31.ru/DEMO/animatedModal/skript_okon.js"></script>
<div id="animatedModal">
         <div  id="btn-close-modal" class="close-animatedModal">- Закрыть окно -</div>
                
            <div class="modal-content">
              Тут может быть любая ваша информация, вплоть до установки формы регистрации, или форма входа<br>Ну если конечно отнестись к данному коду с умом
            </div>
        </div>

        <div id="modal-02">
            <div  id="btn-close-modal" class="close-modal-02"> - Закрыть окно - </div>
            
            <div class="modal-content">
            Тут может быть любая ваша информация, вплоть до установки формы регистрации, или форма входа<br>Ну если конечно отнестись к данному коду с умом
            </div>
        </div>
<script>
            $("#demo01").animatedModal();
            $("#demo02").animatedModal({
                modalTarget:'modal-02',
                animatedIn:'lightSpeedIn',
                animatedOut:'bounceOutDown',
                
                beforeOpen: function() {
                    console.log("The animation was called");
                },           
                afterOpen: function() {
                    console.log("The animation is completed");
                },
                beforeClose: function() {
                    console.log("The animation was called");
                },
                afterClose: function() {
                    console.log("The animation is completed");
                }
            });

        </script>

А любую из ссылок ставим по месту
Код
<a id="demo01" href="#animatedModal">Открыть окно №1</a>
<a id="demo02" href="#modal-02">Открыть окно №2</a>

Смотреть Демо
Прикрепления: 3126216.png(12Kb)


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Вторник, 05.01.2016, 16:09
FeStemBer
Дата: Четверг, 07.01.2016, 04:33 | Сообщение # 2
Проверенные
Сообщений:295
Награды: 1


Так то по идее если мини чат workman поставил, то можно что вам нужно вывести.
Траст
Дата: Понедельник, 29.02.2016, 14:58 | Сообщение # 3
Пользователи
Сообщений:92
Награды: 0


Так много уже встречаю на чайтах разные модальные окна. Видать тренд на них пошел.

Быстро, дешево и сердито!
Kosten
Дата: Понедельник, 29.02.2016, 15:59 | Сообщение # 4
Администраторы
Сообщений:12675
Награды: 39


Но здесь на сайте стоит одно такое.

Scheme
Дата: Понедельник, 29.02.2016, 16:04 | Сообщение # 5
Пользователи
Сообщений:106
Награды: 1


Цитата Kosten ()
Но здесь на сайте стоит одно такое.

Что то не заметил, одно окно стандартное.
Kosten
Дата: Понедельник, 29.02.2016, 16:32 | Сообщение # 6
Администраторы
Сообщений:12675
Награды: 39


kvyntin, как то писал, чтоб просто зашли как гость на сайт и попробовали скачать и появиться такое окно.

Прикрепления: 4041546.png(375Kb)


Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Модальное окно на весь экран браузера
Страница 1 из 11
Поиск: