Эффекты на основе Java Script

Разные варианты подсказки

Очень интересный скрипт "Блока с подсказкой" Пример 1 Пример 2 Пример 3	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
<style type="text/css"> /* стиль и параметры окна подсказки / #dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 3px solid black; / параметры рамки окна подсказки / padding: 25px; / смещение текста сообщение от краёв окна подсказки / background-color: lightyellow; / цвет фона окна подсказки / visibility: hidden; z-index: 1; color: #ff6d2f; / цвет текста подсказки / / фильтр тени рамки - работает только в IE / filter: progid:DXImageTransform.Microsoft.Shadow(color=red,direction=135); } / стиль и параметры картинки */ #dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } </style> <script type="text/javascript"> var offsetfromcursorX=12 // смещение окна с подсказкой по Х относительно курсора var offsetfromcursorY=10 // смещение окна с подсказкои по У относительно курсора var offsetdivfrompointerX=10 // смещение картинки по Х var offsetdivfrompointerY=14 // смещение картинки по У var kartinka = "http://skriptkpbstudio.ucoz.ru/demo_srt/podskazki/209/arrow2.gif"; // картинка </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/podskazki/209/podskazka2.js"></script>
Всё подписано, проблем быть не должно.
Внутри тега <BODY> - </BODY> там где у Вас будет объект к которому относится подсказка.
<div style="width:150px; height: 60px; background-color: #E9E9E9; padding: 4px; border: #ff0000 1px solid;" ONMOUSEOVER="ddrivetip('.......Думаю вы догадались, что все можно будет подстроить под себя.', 530)"; ONMOUSEOUT="hideddrivetip()">Очень интересный скрипт "Блока с подсказкой"</div>
Здесь в функции ddrivetip('.......Думаю вы догадались, что все можно будет подстроить под себя.', 530, '#00ffff') задаём текст подсказки, ширину окна подсказки и если нужно(в примере она не задана, здесь этот парметр отсутствует он задан в стилях) цвет фона подсказке. Высота формируется автоматически исходя от заданных в CSS отступов. Подсказка может быть к чему угодно: ссылке, блоку текста, ячейке таблици, картинке и т.д. В примере это текстовый блок.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.