Бесплатные скрипты : JavaScripts

главная добавить в избранное карта сайта контакт
Бесплатные скрипты

Графика
Навигация, кнопки, меню...
Окна
Скроллинг
Статистика
Текст, ссылки...
Формы
Фреймы
Часы, календари, калькуляторы...
Разное



Регистрация сайта в каталогах, раскрутка и оптимизация сайта, контекстная реклама

Бесплатные JavaScripts



Всплывающая подсказка


Код

<script language="JavaScript">
if (parseInt(navigator.appVersion)>= 4)
{
if (navigator.appName == "Netscape")
{
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}

function show(layerName)
{
if (parseInt(navigator.appVersion)>= 4)
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
}

function cls(layerName){
if (parseInt(navigator.appVersion)>= 4)
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
}
</script>

<style type="text/css">#text1
{
HEIGHT: 80px; LEFT: 0px; POSITION: absolute; TOP: 50px; VISIBILITY: hidden; WIDTH: 250px; Z-INDEX: 10
}
</style>
<title>Всплывающая подсказка</title>
</head>

<body bgColor="#FFFFFF" text="#000000">
<div align="center" id="text1" style="HEIGHT: 80px; LEFT: 10px; TOP: 15px; WIDTH: 250px">
<table border="0" width="100%" bgcolor="#000000" cellspacing="1" cellpadding="2">
<tr>
<td align="middle" bgcolor="#FFFFE1"><p align="center"><font face="Fixedsys"
color="#FF0000">Всплывающая подсказка</font></p>
<p align="left"><font face="MS Sans Serif" size="1">&nbsp;&nbsp; А вот
собственно и сама всплывающая подсказка...<br>
Она удобна тем что:<br>
1. Она не исчезает в самый неподходящий момент
(она исчезнет только после того, как вы уберёте
курсор с ссылки);<br>
2. Всплывающую подсказку можно добавлять не
только к графической ссылке, но и к обычному
тексту;<br>
3. Здесь можно менять шрифты;<br>
4. Можно менять цвета шрифтов;<br>
5. Сюда можно вставлять рисунки и т.д.</font></td>
</tr>
</table>
</div>

<a href="" onmouseout="cls('text1');" onmouseover="show('text1');">
Текст для примера</a>
</body>
</html>

Пример работы скрипта

Пример - Всплывающая подсказка






DOWNLOADSCRIPTS © 2009-