渐隐式仿XP菜单

<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">
<td οnclick="location.href='新闻动态'" target=_blank>新闻动态</td>
<td οnclick="location.href='音乐在线'" target=_blank>音乐在线</td>
<td οnclick="location.href='主页特效'" target=_blank>主页特效</td>
<td οnclick="location.href='请您留言'" target=_blank>请您留言</td>
<td οnclick="location.href='精品论坛'" target=_blank>精品论坛</td>
<td οnclick="location.href='自助连接'" target=_blank>自助连接</td></tr>
</table>

<script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script>

<!--下面这个是竖排的-->

<table class="xmenu" id="xmenu1" width="100" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">
<tr><td>My</td>
<tr><td>Name</td>
<tr><td>Is</td>
<tr><td οnclick="location.href='panpan/'" target=_blank>panpan</td>
<tr><td>欢迎使用</td>
<tr><td>!!!</td></tr>
</table>

<script>attachXMenu(xmenu1);</script>