本文實例講述了JS實現鼠標滑過顯示邊框的菜單效果。分享給大家供大家參考，具體如下：
<html><head><title>JS鼠標滑過顯示邊框菜單</title></head><body><style>.menulines{border:1px solid white;}.menulines a{text-decoration:none;color:red;}</style><script language="JavaScript1.2">function borderize(what,color){what.style.borderColor=color}function borderize_on(e){if (document.all)source3=event.srcElementelse if (document.getElementById)source3=e.targetif (source3.className=="menulines"){borderize(source3,"black")}else{while(source3.tagName!="TABLE"){source3=document.getElementById? source3.parentNode : source3.parentElementif (source3.className=="menulines")borderize(source3,"black")}}}function borderize_off(e){if (document.all)source4=event.srcElementelse if (document.getElementById)source4=e.targetif (source4.className=="menulines")borderize(source4,"white")else{while(source4.tagName!="TABLE"){source4=document.getElementById? source4.parentNode : source4.parentElementif (source4.className=="menulines")borderize(source4,"white")}}}</script><table border="0" width="150" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)" height="95"><tr><td width="100%" bgcolor="#E6E6E6" height="13"><b><font size="2">導航菜單</font></b></td></tr><tr><td width="100%" class="menulines" height="14"><a href="#">網頁特效</a></td></tr><tr><td width="100%" class="menulines" height="14"><a href="#">學習教程</a></td></tr><tr><td width="100%" class="menulines" height="14"><a href="#">網頁素材</a></td></tr><tr><td width="100%" class="menulines" height="14"><a href="#">軟件下載</a></td></tr><tr><td width="100%" class="menulines" height="14"><a href="#">平面設計</a></td></tr></table></body></html>更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
