Görünüşü:
Menu1
Menu2
Menu3
Menu4
1Adım:Aşağıdaki kodlamayı sayfada <Body>.. </Body> tag'ının arasına gelecek şekilde yazın.
2Adım:Mausla Menülerin üstüne gidildiğinde istediğiniz yazıların görünmesi için Aşağıdaki kodlarda parentezlerin içindeki yazıları silin ve istenilen yazınızı yazın.Link vermek için ise # işaretini kaldırarak buraya sayfa adı ve uzantısı yada site dışı link verebilirsiniz.
<script>
if (!document.layers&&!document.all)
event="test"
function showtip(current,e,text){
if (document.all){
thetitle=text.split('<br')
if (thetitle.length1){
thetitles=''
for (i=0;i<thetitle.length;i++)
thetitles+=thetitle[i]
current.title=thetitles
}
else
current.title=text
}
else if (document.layers){
document.linktips.document.write('<layer bgColor="yellow" style="border:1px solid black;font-family:arial;font-size:12px;"'+text+'</layer')
document.linktips.document.close()
document.linktips.left=e.pageX+5
document.linktips.top=e.pageY+5
document.linktips.visibility="show"
}
}
function hidetip(){
if (document.layers)
document.linktips.visibility="hidden"
}
</script>
<div id="linktips" style="position:absolute;visibility:hidden"</div>
<FONT FACE=ARIAL>
<a href="#"
onMouseover="showtip(this,event,'Buraya nenü biri tanıtacak bilgi yazılacak!')" onMouseout="hidetip()">Menu1</a>
<P>
<a href="#"
onMouseover="showtip(this,event,'Buraya nenü iki tanıtacak bilgi yazılacak!')" onMouseout="hidetip()">Menu2</a>
<P>
<a href="#"
onMouseover="showtip(this,event,'Buraya nenü üçü tanıtacak bilgi yazılacak')" onMouseout="hidetip()">Menu3</a>
<P>
<a href="#"
onMouseover="showtip(this,event,'Buraya nenü dördü tanıtacak bilgi yazılacak!')" onMouseout="hidetip()">Menu4</a>
<P>
</FONT>
|
