用DHTML做的一个菜单特效

<!--样式表部分-->
<styletype=text/css>...
.menutd{...}{font-size:12px;color:white;font-weight:bold;background:#336699;border:1pxsolid#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center}
</style>

<!--脚本定义部分-->
<scriptlanguage=javascripttype=text/javascript>...
functionshowFilter(obj)...{
vartds=obj.getElementsByTagName("td");
for(vari=0;i<tds.length;i++)...{
with(tds[i])...{
onmouseover=function()...{
with(this)...{
filters[0].apply();
style.color='black';
style.border='1pxsolidwhite';
style.background='#66CCFF';
filters[0].play();
}
}
onmouseout=function()...{
with(this)...{
filters[0].apply();
style.color='white';
style.border='1pxsolid#336699';
style.background='#336699';
filters[0].play();
}
}
}
}
}
</script>

<!--BODY部分-->
<tablecellspacing=4cellpadding=1bgColor=#336699border=0class=menuwidth=100id=xmenu>
<tr><td>0128论坛</td></tr>
<tr><td>例子二</td></tr>
<tr><td>例子三</td></tr>
<tr><td>例子四</td></tr>
<tr><td>例子五</td></tr>
<tr><td>例子六</td></tr>
</table>
<script>...showFilter(xmenu);//里面就的xmenu就是表格的ID号此函数可到处调用</script>