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

Скачиваем и подключаем плагин:

<script src="http://192.168.7.1/js/jquery.js" 
      language="JavaScript" type="text/javascript"></script>
  <script src="http://192.168.7.1/main.js" 
      language="JavaScript" type="text/javascript"></script>
  <script src="http://192.168.7.1/js/plugin.js" 
      language="JavaScript" type="text/javascript"></script>

В данном примере скаченный плагин обозвал просто plugin.js.
main.js - это javascript, который содержит

$(document).ready(function(){});

.
Скачиваем CSS и картинку загрузки.

Далее в тексте создаем ссылку, нажав на которую посетитель откроет наше окно.

<a href="#TB_inline?height=300&width=300&inlineId=one" class="thickbox">
Регистрация
</a>

Посмотрим на параметры:
height=300 - высота окна
width=300 - ширина окна
inlineId=one - id элемента, в котором содержится контент для окна.

Далее в тексте страницы пишем:

<div id="one"  class="TB_modal">
<a href="http://flora.org.ru">test
</a>

За место test надо написать свой текст =)
Таким образом можно помещать любой статический контент.

Если Вы хотите модальное окно, то к параметрам надо добавить

&modal=true

. В div:

<input id="Login" type="submit" onclick="tb_remove()" value="  Ok  "/>

.
Данный код выведет кнопуську Ok, которая позволит закрыть модальное окно.

Рекомендую посмотреть эффект “проявления”.
Рад обсудить эту статью с Вами на форуме.
Оригинал здесь.

Продолжение здесь.

Популярность: 59%