中文(繁体)
<html> <head> <style> /* 先把這個xmenu 的樣式放到css裡*/ .xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:# ffffff;border:1px solid #336699;background:#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;} </style> <script> /* 這是把事件動作綁定到選單上的函數*/ function attachXMenu(objid){ var tds=objid.getElementsByTagName('td'); for(var i=0;i<tds.length;i++){ with(tds[i]){ onmouseover =function(){ with(this){ filters[0].apply(); style.background='#FEBD20'; //這是滑鼠移上去時的背景顏色style.border='1px solid #ffffff'; //邊框style.color='black'; //文字顏色filters[0].play(); } } onmouseout=function(){ with(this){ filters[0].apply(); style.background= '#336699'; //這是滑鼠離開時的背景顏色style.border='1px solid #336699'; //邊框style.color='#ffffff'; //文字顏色filters[0].play() ; } } } } } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>網頁特效</title> </head> <body> < !--選單從這裡開始, 注意要把class設定成和css里相同的, 還要為它設一個id--> <table class="xmenu" id="xmenu0" width="500" cellpadding=" 1" cellspacing="4" border="0" bgcolor="#00000" align="center"> <tr> <td>網頁特效</td> <td>外掛程式下載</td> <td>網路學院</td> <td>下載基地</td> <td>網站聯盟</td> <td>網站建設</td> </tr> </table> <script>attachXMenu(xmenu0); //在上面這個table結束的地方執行事件動作的綁定, 這裡的這個xmenu0就是那個table的id</script> </body> </html>
