選框線單
+ 範例 +
複製到<head>與<head>之間
<style> .menulines{ border:1px solid white; } .menulines a{ text-decoration:none; color:black; } </style> <script language="JavaScript1.2"> function borderize(what,color){ what.style.borderColor=color } function borderize_on(e){ if (document.all) source3=event.srcElement else if (document.getElementById) source3=e.target if (source3.className=="menulines"){ borderize(source3,"orange") } else{ while(source3.tagName!="TABLE"){ source3=document.getElementById? source3.parentNode : source3.parentElement if (source3.className=="menulines") borderize(source3,"orange") } } } function borderize_off(e){ if (document.all) source4=event.srcElement else if (document.getElementById) source4=e.target if (source4.className=="menulines") borderize(source4,"white") else{ while(source4.tagName!="TABLE"){ source4=document.getElementById? source4.parentNode : source4.parentElement if (source4.className=="menulines") borderize(source4,"white") } } } </script>
複製到顯示效果的地方
<table border="0" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)"> <tr align=center> <td bgcolor="底色"><font size="2">選單框線</font></td> </tr> <tr align=center> <td class="menulines"><a href="網址"><font color="#0000FF">例範一</font></a></td> </tr> <tr align=center> <td class="menulines"><a href="網址"><font color="#0000FF">例範二</font></a></td> </tr> </table>