Hover Menü
Menu
! Örneği yukarıdadır. !
<HEAD> </HEAD> arasına eklenecek kod
<style> .menulines{border:2.5px solid #F0F0F0;font-size: 10pt} .menulines a{text-decoration:none;color:black;font-size: 10pt} </style> <script language="JavaScript1.2"> // tatbim web-tasarim hitmezleri --> www.tatbim.com function over_effect(e,state){ if (document.all) source4=event.srcElement else if (document.getElementById) source4=e.target if (source4.className=="menulines") source4.style.borderStyle=state else{ while(source4.tagName!="TABLE"){ source4=document.getElementById? source4.parentNode : source4.parentElement if (source4.className=="menulines") source4.style.borderStyle=state } } } </script>
<BODY> </BODY> arasına eklenecek kod
<div align="center"> <center> <table border="1" width="140" cellspacing="0" cellpadding="0" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:#F0F0F0" bordercolor="#E6E6E6"> <tr><td width="100%" bgcolor="#E6E6E6"><font face="Arial" size="3"><b>Site Menu</b></font></td></tr> <tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu birinci link</a></font></td></tr> <tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu ikinci link</a></font></td></tr> <tr><td width="100%" class="menulines" bordercolor="#000000" bgcolor="#FFFFFF"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu üçüncü link</a></font></td></tr> <tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu dördüncü link</a></font></td></tr> <tr><td width="100%" class="menulines" bgcolor="#FFFFFF" bordercolor="#000000"><font face="Arial" size="2"><a href="http://zor.org/cgi">Bu beşinci link</a></font></td></tr></table> </center> </div>