07 мар 2014
Модальное окно для сайта
Ares Категория: Web-Мастеру » Разное
У нас вы можете скачать бесплатно Модальное окно для сайта .

Данный материал предоставлен сайтом Skripter.info исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Модальное окно для сайта

Стильное модальное окно для сайта на jQuery.





Установка:

1. Распаковываем архив в корень сайта

2. Подключаем скрипты и стили:

<link rel="stylesheet" href="demo.css?v=2">
    <script>!window.jQuery && document.write(unescape('%3Cscript src="jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
    <script type="text/javascript" src="demo.js"></script>


3. Вставляем html код на страницу, где вы хотите разместить модальное окно:

<input type="button" value="Zoom In Modal Window" class="button" data-type="zoomin" />

        <div class="overlay-container">
        <div class="window-container zoomin">
              <h3>Добро пожаловать на <a href="http://skripter.info/" >Skripter.info</a> !!!</h3>
                    У нас на сайте Вы найдете все - от модулей и шаблонов до уроков по интересующим вас вопросам. <br/>
                    At our site you will find everything - from the modules and templates to lessons on your questions.<br/>
             <span class="close">Закрыть</span>
        </div>
    </div>


Всё!

Скачивание файлов доступно только зарегистрированным пользователям










Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.