Link z opisem.
<script language="javascript">
var ie=(document.all)? 1:0;
var whattodo=0;dopisz=true;
var x=0;y=0;
var tabelapocz="<table border='2' cellspacing='0' cellpadding='3' ";
tabelapocz+="bordercolor='#C0C0C0' width='150'><tr>";
tabelapocz+="<td align='center' bgcolor='#C0C0C0'><p>";
var tabelakoniec="</td></tr></table>";
function zmiana(z,tytul,opis) {
if(z) tekst=tabelapocz+tytul+"</td></tr><tr><td><p>"+opis+tabelakoniec;
whattodo=z;
return;
}
function changeit(e) {
x=(ie)? window.event.x : x=e.pageX;
y=(ie)? window.event.y : y=e.pageY;
switch(whattodo) {
case 0: if(ie) document.all['opis'].style.visibility='hidden';else document.layers['opis'].visibility='hide';dopisz=true; break;
case 1: if(ie){
document.all['opis'].style.left=x+10;
document.all['opis'].style.top=y+5;
if(dopisz) {opis.innerHTML=tekst;
document.all['opis'].style.visibility='visible';}
} else {
document.layers['opis'].left=x+10;
document.layers['opis'].top=y+5;
if(dopisz) {document.layers['opis'].document.open();
document.layers['opis'].document.write(tekst);
document.layers['opis'].document.close();
document.layers['opis'].visibility='show';}
}
dopisz=false;
}
}
function ustaw() {
if(ie) document.onmousemove=changeit;else {
captureEvents(Event.MOUSEMOVE);
onmousemove=changeit;
}
}
</script>
</head>
<body onLoad="ustaw()">
<p><a href="javascript:void(null)"
onMouseOver="zmiana(1,'To jest m≤j link','A to jest jego opis, kt≤ry mo┐e byµ np.taki d│ugi.')"
onMouseOut="zmiana(0,0)">Tw≤j link </a></p>
<div id="opis" style="position:absolute;left:-100px;top:0px;">
<table>
<tr>
<td></td>
</tr>
</table>
</div>
Zobacz.