<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]){ οnmοuseοver=function(){ with(this){ filters[0].apply(); style.background='#66CCFF'; //这是鼠标移上去时的背景颜色 style.border='1px solid #ffffff'; //边框 style.color='black'; //文字颜色 filters[0].play(); } } οnmοuseοut=function(){ with(this){ filters[0].apply(); style.background='#336699'; //这是鼠标离开时的背景颜色 style.border='1px solid #336699'; //边框 style.color='#ffffff'; //文字颜色 filters[0].play(); } } } }}</script>
<!--菜单从这里开始, 注意要把class设置成和css里相同的, 还要为它设一个id--><table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center"> <tr> <td><a href="http://www.top1design.com/">www.top1design.com</a></td> <td>Home</td> <td>JS</td> <td>Web</td> <td>Blog</td> <td>!!!</td> </tr></table>
<script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script><br><br><br><br><!--下面这个是竖排的--><table class="xmenu" id="xmenu1" width="100" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center"> <tr><td>Home</td></tr> <tr><td>Flash</td></tr> <tr><td>JS</td></tr> <tr><td>Coolweb</td></tr> <tr><td>MP3</td></tr> <tr><td>!!!</td></tr></table><script>attachXMenu(xmenu1);</script>
