Приветствую Вас, Гость! Регистрация RSS

Пятница, 29.03.2024
  
Главная » Файлы » Скрипты+Программы » Скрипты - Избранные


ДЕМО:

Шаг 1: Вставьте следующий код в раздел head странице:

Code

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

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

<link rel="stylesheet" type="text/css" href="stickytooltip.css" />

Шаг 2: Вставьте ниже образца подсказка кода разметки в body раздел вашей страницы:

Code



Some page contents here...</p>



<a href="Ваша ссылка" data-tooltip="sticky1">Thailand</a></p>


<a href="Ваша ссылка" data-tooltip="sticky2">British Columbia</a></p>


<img src="Ссылка на скрин" data-tooltip="sticky3" /></p>



Some page contents here...</p>

<!--HTML for the tooltips-->
<div id="mystickytooltip" class="stickytooltip">
<div style="padding:5px">

<div id="sticky1" class="atip" style="width:200px">
<img src="Ссылка на скрин" />

Thailand boasts some of the most popular and luxurious resorts in Asia.
</div>

<div id="sticky2" class="atip" style="width:262px">
<img src="Ссылка на скрин" />
BC is the westernmost of Canada's provinces and is famed for its natural beauty.<b><a href="Ваша ссылка">Vancouver</a></b> is BC's largest city.
</div>

<div id="sticky3" class="atip">
<img src="Ссылка на скрин" />
</div>

</div>

<div class="stickystatus"></div>
</div>

Обязательно скачайте архив с (stickytooltip.js ) (stickytooltip.css).
Установите, и все радуйтесь.

Материал подготовил: Bizon

Автор\Источник: http://www.dynamicdrive.com/forums/forumdisplay.php?f=8

Категория: Скрипты - Избранные | Добавил: bizon | Теги: ссылка, подсказка
Просмотров: 1172 | Загрузок: 3 | Рейтинг: 1.0/7 | |

Новости по теме:

Поделись ссылкой

  • - ссылка
  • - BBCode
  • - HTML

  • Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Гость