Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.135.212.157
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Модальное окно на jQuery
Сообщение оставлено 23.03.2011 в 14:28:26 | Сообщение #1

Для того, чтобы подключить модуль добавьте следующие строки к себе на сайт, перед закрывающим тегом </body>
Code
<script type='text/javascript' src='http://webo4ka.ru/Ucoz2/modal_okn_jquer/js/basic.js'></script>   
<script type='text/javascript' src='http://webo4ka.ru/Ucoz2/modal_okn_jquer/js/jquery.js'></script>   
<script type='text/javascript' src='http://webo4ka.ru/Ucoz2/modal_okn_jquer/js/jquery.simplemodal.js'></script>

Теперь, подключим CSS’ку.
Code
<link type='text/css' href='http://webo4ka.ru/Ucoz2/modal_okn_jquer/css/basic.css' rel='stylesheet' media='screen' />   
<!--[if lt IE 7]>  
<link type='text/css' href='http://webo4ka.ru/Ucoz2/modal_okn_jquer/css/basic_ie.css' rel='stylesheet' media='screen' />  
<![endif]-->

Осталось только сделать вызов нашего окна непосредственно на сайте, в нужном месте и в нужное время.
Для этого в любом месте нашей страницы создаем дивку:
Code
<a href='#' class='basic'>Открыть модальное окно</a></div>   
<div id="basic-modal-content">   
   <h3>webo4ka.ru</h3>   
   бла бла бла...  
</div>
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика