用DHTML做的一个菜单特效

<!-- 样式表部分 -->
< style type =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 >

<!-- 脚本定义部分 -->
< script language =javascript type =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部分 -->
< table cellspacing =4 cellpadding =1 bgColor =#336699 border =0 class =menu width =100 id =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>