Красивое модальное окно с помощью jquery

Решил разнообразить жизнь пользователей и при выходе с сайта выводить им модальное окно с прощанием и прочей инфой.Решил разнообразить жизнь пользователей и при выходе с сайта выводить им модальное окно с прощанием и прочей инфой.

Все что от нас требуется — это прописать несколько строчек между тегами:

<head> и </head>


Вставляем:

<link type='text/css' href='basic.css' rel='stylesheet' media='screen' />
<script type="text/javascript" src="jquery.min.js"></script>
      <script type="text/javascript" src="jquery.simplemodal.js"></script>
      <script type="text/javascript" src="init.js"></script>


Как вы видите, тут мы просто инициализируем jQuery и пару вспомогательных скриптов. Также подключаем таблицу стилей.

Далее, где-нибудь в документе вставляем текст всплывающей нашего прощания (пример с моего сайта):

<div style="display: none; padding: 10px;" id="exit_content">  
<center><h1>До свидания уважаемый пользователь <font color=red><?=$_SESSION["username"]; ?></font></h1></center><center><h3>Спасибо что посетили наш сайт. Ждем Вас снова.</h3></center></br>  
<center><font color=blue><h4>Сладкий Букс напоминает Вам о проведении на нашем сайте конкурса рефералов. А так же об акции "Счасливые выходные" не упускайте возможность заработать еще больше вместе с нами .</h4></font></center>  
</div>  


Все это я вставил в файл blocks/head.php

И теперь при наведении на крестик закрывающий вкладку юзер видит это модальное окно с неплохими эффектами появления и исчезания.

Решил сюда кинуть может кому надо.

Да, кстати, тут еще архив файлов надо, так его можно скачать тут: modalnoe-okno.rar

Все файлы закинуть в корень на хост.

Так же в файле присутствует файл CSS, так что вы без труда сможете изменить стандартный дизайн.

Автор публикации

не в сети 14 лет

superslava

Комментарии: 0Публикации: 4Регистрация: 10-03-2011

Понравилась статья? Поделись в соц. сетях:

Похожие новости

Отправить комментарий

Сортировать:   новые | старые | популярные
sanche
Участник

Забрал! Спасибо! Прикольная штука, на мой сайт подошла!

wpDiscuz
Авторизация
*
*
Регистрация
*
*
*
Генерация пароля