| |
|
|
| | Вот скрипт:
<Style>
td, body {font-family: verdana, arial, helvetica; font-size:11px;}
</Style>
<SCRIPT LANGUAGE="JavaScript">
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
</script>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:gold;z-index:10"></div>
<div align="CENTER" name="divTest" onMouseover="showtip2(this,event,'123123123');" onMouseout="hidetip2();" STYLE="cursor: hand">
<TABLE border="0" cellpadding="0" cellspacing="0"><TR><TD COLSPAN="7"><a href="123">BJS.stsland.ru</a></TABLE>
<p></div>
|
При наведение на ссылку он выдает небольшое окошечко и там пишется описание ссылки... если убрать мышку с ссылки то оно исчезает..
Реально ли етот код сжать по макимуму ато он очень болшой!
Или как его переделать? Такая ситуация у меня к примеру 3 ссылки.. я для каждой придется писать вот полностью етот только с разными переменными, а как сделать чтобы мона было тока 1 раз код написать и потом просто в нем уже для каждой ссылки указывать описание? | |
| |
|
|
| |
|
|
| |
для: ZetRider
(19.05.2006 в 21:42)
| | | описание ссылки можно задать в атрибуте TITLE тега ссылки.
<A HREF="www.site.lv" TITLE="описание ссылки">
|
"описание ссылки" будет выскактвать при наведении курсора на ссылку | |
| |
|
|
| |
|
|
| |
для: ZetRider
(19.05.2006 в 21:42)
| | | в поиск по слову nice title
http://www.google.com/search?query=nice+title | |
| |
|
|
| |
|
|
| |
для: ZetRider
(19.05.2006 в 21:42)
| | | Не обязательно для каждой ссылки делать отдельную функцию. Просто обработчики
лучше прописывать непосредственно в ссылке <a href="#" onMouseover="showtip2(this,event,'123123123'... или делать отдельный див для каждой ссылки.
Код очевидно довольно древний ещё для Нетскейп4, IE4 писаный, можно наверное
убрать всё, что связано с document.layers.
Многочисленные повторения document.all.tooltip2 заменить чем-нибудь вроде
with(document.getElementById('tooltip2'))
{
innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>';
style.pixelLeft=event.clientX+document.body.scrollLeft+10;
style.pixelTop=event.clientY+document.body.scrollTop+10;
style.visibility="visible";
}
|
| |
| |
|
|
| |
|
|
| |
для: RMW
(20.05.2006 в 00:17)
| | | К примеру вот:
<html>
<head>
<style>
td, body {font-family: verdana, arial, helvetica; font-size:11px;}
</style>
<script language="JavaScript">
var Desc=new Array();
Desc[0]='Описание для первой ссылки';
Desc[1]='Описание для второй ссылки';
Desc[2]='Описание для третьей ссылки';
function init()
{
for(var i=0;i<document.links.length;i++)
{
document.links[i].onmouseover=showtip2;
document.links[i].onmouseout=hidetip2;
document.links[i].id=i;
}
}
function showtip2()
{
if(r)
{
with(document.getElementById('tooltip2'))
{
innerHTML='<marquee style="border:1px solid black">'+Desc[this.id]+'</marquee>';
style.pixelLeft=event.clientX+document.body.scrollLeft+10;
style.pixelTop=event.clientY+document.body.scrollTop+10;
style.visibility="visible";
}
return false;
}
}
function hidetip2()
{
if(r)document.getElementById('tooltip2').style.visibility="hidden";
}
</script>
</head>
<body onload = "window.r=true;init();">
<div id="tooltip2" style="position:absolute;visibility:hidden;width:150px;background-color:gold;"></div>
<table width="100%"><tr>
<td><a href="#">BJS.stsland.ru1</a></td>
<td><a href="#">BJS.stsland.ru2</a></td>
<td><a href="#">BJS.stsland.ru3</a></td>
</tr></table>
</body>
</html>
|
| |
| |
|
|
