Главная » 2009 » Ноябрь » 4 » Подсказка к ссылке (хинт) (Javascript)
04.11.2009, 13:16

Подсказка к ссылке (хинт)



При наведении на ссылку, рядом с ней появится прикольная подсказка.
Чтобы ее установить, необходимо:

1) вставить это в head:

Quote

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Begin
function setupDescriptions() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();
}
var x,y,a,b;
function setVariables(){
if (navigator.appName == "Netscape") {
h=".left=";
v=".top=";
dS="document.";
sD="";
}
else
{
h=".pixelLeft=";
v=".pixelTop=";
dS="";
sD=".style";
}
}
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function popLayer(a){
desc = "<table cellpadding=3 border=1 bgcolor=F7F7F7><td>";

if (a==1) desc += "Подсказка к первой ссылке";
if (a==2) desc += "Подсказка ко второй ссылке";
if (a==3) desc += "Подсказка к третей ссылке";
if (a==4) desc += "Подсказка к четвертой ссылке";
if (a==5) desc += "Подсказка к пятой ссылке webscripts.ucoz.ru";

desc += "</td></table>";

if(isNav) {
document.object1.document.write(desc);
document.object1.document.close();
document.object1.left=x+25;
document.object1.top=y;
}
else {
object1.innerHTML=desc;
eval(dS+"object1"+sD+h+(x+25));
eval(dS+"object1"+sD+v+y);
}
}
function hideLayer(a){
if(isNav) {
eval(document.object1.top=a);
}
else object1.innerHTML="";
}
function handlerMM(e){
x = (isNav) ? e.pageX : event.clientX;
y = (isNav) ? e.pageY : event.clientY;
}
if (isNav){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// End -->
</script>

Синее меняем на подсказки к ссылкам.

2) Добавляем в body onload таким образом:

Code
<BODY OnLoad="setupDescriptions()">

3) Опять же в body ставим это:

Code
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">layer hidden off the screen</div>

<a href="http://webscripts.ucoz.ru" onMouseOver="popLayer(1)" onMouseOut="hideLayer(-50)">Название</a>
<p>
<a href="http://webscripts.ucoz.ru" onMouseOver="popLayer(2)" onMouseOut="hideLayer(-50)">Название</a>
<p>
<a href="http://webscripts.ucoz.ru" onMouseOver="popLayer(3)" onMouseOut="hideLayer(-50)">Название</a>
<p>
<a href="http://webscripts.ucoz.ru" onMouseOver="popLayer(4)" onMouseOut="hideLayer(-50)">Название</a>
<p>
<a href="http://webscripts.ucoz.ru" onMouseOver="popLayer(5)" onMouseOut="hideLayer(-50)">Название</a>
<p>

webscripts.ucoz.ru меняем на нужный вам адрес.
"Название" меняем на название ваших ссылок.

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

Адаптация: webscripts.ucoz.ru

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Randy Bennett
Категория: JavaScript's | Просмотров: 2249 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: Подсказка к ссылке (хинт)
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]