Скрипт Всплывающая подсказка для изображений для ucoz
1845
10 из 10
Проголосовало: 2
Проголосовало: 2
Вставляем это между <head> и </head>:
Code
<script src="http://webo4ka.3dn.ru/Ucoz/jquery.tools.min.js"></script>
Это вставляем в CSS:
Code
.tooltip {
display:none;
background:transparent url(http://webo4ka.3dn.ru/Ucoz/black_arroww.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;
}
display:none;
background:transparent url(http://webo4ka.3dn.ru/Ucoz/black_arroww.png);
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#fff;
}
Где, http://webo4ka.3dn.ru/Ucoz/black_arroww.png - вид всплывающей подсказки.
Изображения заключаем в:
Code
<div id="demo">
<img src="Ссылка на изображения" title="Описание картинки" />
</div>
<img src="Ссылка на изображения" title="Описание картинки" />
</div>
Там где будет стоять всплывающая подсказка, перед </body> ставим этот скрипт:
Code
<script>
$("#demo img[title]").tooltip();
</script>
$("#demo img[title]").tooltip();
</script>
Источник: http://flowplayer.org/tools/demos/tooltip/index.html
Автор публикации: Загрузка
Загрузка
- Оставить первым комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
 |  |  |  |  |  |
 |  |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2025 г.
- Design by Вовчик Администратор:)