JavaScript Açıklamalı Link

Arkadaş yazdı biraz önce msnden dediki ertan javascript açıklamalı link gösterimi yapmak istiom kaynak bulamadım nasıl yaparım diye. Aslında kaynak varda aramasını bilene. Ben ona anlayacağı şekilde verdim kodları sizede yayınlayalım belki işine yarayan çıkar 🙂
Şimdi mousemiz hangi linkin üzerine gelirse o linkin açıklaması görünür. İşe yarar tabi 🙂
İşte kodlarımız
<!— KAYNAK: https://www.ertandonmez.org —>
<!— KODLARIN BAŞLANGICI —>
<SCRIPT>
var tip=new Array
tip[0]=’Ana sayfaya<br>  dönmek için…’
tip[1]=’Servislerimizden ve hizmetlerimizden yararlanabilmek<br> için üye olmanız gerekmektedir!’
tip[2]=’Siteniz için ,binlerce eklenti<br> widgetler’
tip[3]=’Siteniz için, reklamsız,<br> sayaç kodları’
function showtip(current,e,num)
{
if (document.layers) // Netscape 4.0+
{
theString=”<DIV CLASS=’ttip’>”+tip[num]+”</DIV>”
document.tooltip.document.write(theString)
document.tooltip.document.close()
document.tooltip.left=e.pageX+14
document.tooltip.top=e.pageY+2
document.tooltip.visibility=”show”
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm=document.getElementById(“tooltip”)
elml=current
elm.innerHTML=tip[num]
elm.style.height=elml.style.height
elm.style.top=parseInt(elml.offsetTop+elml.offsetHeight)
elm.style.left=parseInt(elml.offsetLeft+elml.offsetWidth+10)
elm.style.visibility = “visible”
}
}
}
function hidetip(){
if (document.layers) // Netscape 4.0+
{
document.tooltip.visibility=”hidden”
}
else
{
if(document.getElementById) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm.style.visibility=”hidden”
}
}
}
</SCRIPT>
<DIV id=tooltip
style=”BACKGROUND-COLOR: lightyellow; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; POSITION: absolute; VISIBILITY: hidden; layer-background-color: lightyellow”></DIV><A
href=”http://www.deneme1.com/” onmouseout=hidetip()
onmouseover=”showtip(this,event,’0′)”>Ana Sayfa</A> <BR><A
href=”http://www.deneme2.com/” onmouseout=hidetip()
onmouseover=”showtip(this,event,’1′)”>Kayıt Ol</A> <BR><A
href=”http://www.deneme3.com/” onmouseout=hidetip()
onmouseover=”showtip(this,event,’2′)”>Ücretsiz Sayaç</A> <BR><A
href=”http://www.deneme4.com/” onmouseout=hidetip()
onmouseover=”showtip(this,event,’3′)”>Sizden Gelenler</A>
<!— KODLARIN SONU —>
<!— KAYNAK: https://www.ertandonmez.org —>
En altta verdiğim linkleri deneme1.com vs kendinize göre editleyin.