English
<html> <head> <style> /* First put the style of this xmenu into 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> /* This is to bind the event action To the function on the menu */ 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'; //This is the background color when the mouse moves up style.border='1px solid #ffffff'; //Border style.color='black'; //Text color filters[0].play(); } } onmouseout=function(){ with(this){ filters[0].apply(); style.background= '#336699'; //This is the background color when the mouse leaves style.border='1px solid #336699'; //Border style.color='#ffffff'; //Text color filters[0].play() ; } } } } } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Web page special effects</title> </head> <body> < !--The menu starts here, pay attention to set the class to the same as in the css, and set an id for it--> <table class="xmenu" id="xmenu0" width="500" cellpadding=" 1" cellspacing="4" border="0" bgcolor="#00000" align="center"> <tr> <td>Web page special effects</td> <td>Plug-in download</td> <td>Online Academy </td> <td>Download Base</td> <td>Website Alliance</td> <td>Website Construction</td> </tr> </table> <script>attachXMenu(xmenu0); //In The binding of event actions is performed at the end of the table above. The xmenu0 here is the id of the table</script> </body> </html>