При выходе со страницы сайта. при наведении на крестик броузера всплывает диалоговое окно на jquery .

На страницу где вы хотите такое всплывающее окно нужно в область head между тегами подключить скрипты и стили :

<head> Подключение скриптов

<script type="text/javascript" src="/jquery-1.3.2.min.js"></script>

  <script type="text/javascript" src="/jquery.simplemodal.js"></script>

  <script type="text/javascript" src="/init.js"></script>

  Подключение стилей

  <link href="/mypage_1_stylesheet.css" rel="stylesheet" type="text/css" media="all"/>

  <link type='text/css' href='basic.css' rel='stylesheet' media='screen' />

 

</head>

Далее вставляем диалоговое окно :

 

<div style="display: none; padding: 10px;" id="exit_content">

<h1>Goodbye visitor!</h1><h3>Thanks for visiting us!</h3><br /><br />Aenean cursus vehicula augue. Pellentesque tincidunt. Donec auctor, justo quis commodo iaculis, eros libero suscipit ipsum, et lobortis mauris erat ac arcu. Praesent dolor libero, porta id, feugiat vitae, porttitor pharetra, elit. Quisque ullamcorper, elit vitae rhoncus rhoncus, massa erat porttitor felis, sit amet viverra diam purus quis tellus. Ut sed massa sed nibh mollis aliquam. <br /><br /> Nullam rutrum. Sed a risus. Donec ligula diam, auctor tempus, convallis ut, ultricies eget, massa. Duis rutrum, diam id gravida consectetur, justo augue pellentesque velit, sit amet scelerisque nunc erat vel sapien. <br />Proin ullamcorper. Vestibulum hendrerit pellentesque metus. Mauris tempor nunc at sapien.

<br /><br />Maecenas sagittis sodales neque. Donec pellentesque dui. Aliquam egestas molestie leo. Etiam volutpat hendrerit eros. Praesent sollicitudin sodales dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br /><br /> Mauris ut est. Quisque quis tortor. Nunc iaculis ipsum id neque. Donec vulputate velit. <br />Mauris pretium semper turpis. Mauris consectetur mi id elit. Proin a purus eget eros ullamcorper fermentum. <br />Donec interdum.

</div>

Содержимое может быть любым на ваш вкус. Вот сообственно и всё

Скачать всплывающее окно на jquery.

Добавить комментарий


Защитный код
Обновить