代码：【复制】<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>超级酷的网页导航菜单</title> <STYLE> <!-- .xmenu td{font-size:12px;font-family:verdana,arial;font-weight:none;color:#333333;border:1px solid #ffffff;background:#f6f6f6;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='#3ea936'; //这是鼠标移上去时的背景颜色 style.border='1px solid #ffffff'; //边框 style.color='#ffffff'; //文字颜色 filters[0].play(); } } onmouseout=function(){ with(this){ filters[0].apply(); style.background='#f6f6f6'; //这是鼠标离开时的背景颜色 style.border='1px solid #ffffff'; //边框 style.color='#333333'; //文字颜色 filters[0].play(); } } } } } </script> </head> <body> <div align="center"> <table border="1" width="778" cellpadding="0" style="border-collapse: collapse" height="30" id="table4" bgcolor=#DBDBDB bordercolor="#DBDBDB" cellspacing="0"> <tr> <td> <div align="center"> <table class="xmenu" id="xmenu0" border="0" width="776" cellspacing="3" cellpadding="3" height="30" id="table5"> <tr> <td onclick="window.open('http://www.goalercn.com', '_blank');">水平网</td> <td onclick="window.open('http://js.goalercn.com', '_blank');">网页特效</td> <td onclick="window.open('http://book.goalercn.com', '_blank');">电子书籍</td> <td onclick="window.open('http://cool.goalercn.com', '_blank');">酷站欣赏</td> <td onclick="window.open('http://tool.goalercn.com', '_blank');">站长工具</td> <td onclick="window.open('http://bbs.goalercn.com', '_blank');">论坛系统</td> <td onclick="window.open('http://www.goalercn.com', '_blank');">自己填写</td> <td onclick="window.open('http://www.goalercn.com', '_blank');">..........</td> <td onclick="window.open('http://www.goalercn.com', '_blank');">..........</td> </tr> </table><script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script> </div> </td> </tr> </table> </div> </body> </html>