用DHTML做的一個菜單特效

源碼：
<!--樣式表部分-->
<style type=text/css>
.menu td{font-size:12px;color:white;font-weight:bold;background:#336699;border:1px solid #336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center}
</style>
1 D8 n$ g/ S9 {5 ]
<!--腳本定義部分-->
5 c9 e; `7 K0 A! P( h+ B<script language=javascript type=text/javascript>
. W; F8 u* }$ s0 ^% \  \8 [$ e' i* Wfunction showFilter(obj){
var tds=obj.getElement好yTagName("td");
; G  T: q6 |+ P: E5 k+ d0 q0 }! ~$ Gfor(var i=0;i<tds.length;i++){
with(tds[i]){
8 w, G/ `3 s3 W  onmouseover=function(){
& W. G9 ~, N! e. x  with(this){
8 n) W/ Q* U7 T$ H  filters[0].apply();
  style.color='black';
  style.border='1px solid white';
  style.background='#66CCFF';
  filters[0].play();
  }
  }
  onmouseout=function(){
  with(this){
3 S' {* i; q# K4 Z  filters[0].apply();
  style.color='white';
  style.border='1px solid #336699';
  b# f3 V5 v8 ^. J  style.background='#336699';
  filters[0].play();
. b4 ?! ^7 s7 p) ^+ T' ]  }
) e: j6 V% g" D  }
}
}
}
# x3 K3 r" u! o( ^$ y- A: d+ u</script>

<!--BODY部分-->
<table cellspacing=4 cellpadding=1 bgColor=#336699 border=0 class=menu width=100 id=xmenu>
& F. L: d' M0 |8 D, J<tr><td>0128論壇</td></tr>
<tr><td>例子二</td></tr>
<tr><td>例子三</td></tr>
2 e% ]- i* q& S' Z<tr><td>例子四</td></tr>
<tr><td>例子五</td></tr>
$ O/ W) _7 T8 B( r0 S: [, E- A<tr><td>例子六</td></tr>
+ q4 @2 a0 D0 D! _; ~& l# l8 ^</table>
! Z+ w& |. ]! q9 ]6 e4 I& l$ T<script>showFilter(xmenu); //裡面就的xmenu就是表格的ID號此函數可到處調用</script>