用DHTML做的一個菜單特效

源碼：
; w4 g3 ~1 u9 v' q" e<!--樣式表部分-->
1 n0 M" u+ ^( x  `<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>

. A- f; J# ?" h  R1 k$ f- e<!--腳本定義部分-->
<script language=javascript type=text/javascript>
function showFilter(obj){
/ b* s2 B! \9 `5 Uvar tds=obj.getElement好yTagName("td");
for(var i=0;i<tds.length;i++){
  Y5 j/ M6 J( j/ W# T7 ~! ^* Wwith(tds[i]){
  onmouseover=function(){
  with(this){
  filters[0].apply();
  style.color='black';
# K8 H% F' G9 m) {- {' t" \  style.border='1px solid white';
2 {) V. ~5 c' R& z+ t6 y( s0 T6 y  style.background='#66CCFF';
  filters[0].play();
  }
  }
  onmouseout=function(){
5 S  g7 T5 Y8 A  A* C+ e( Y  with(this){
; ~" c- A* H- D* w9 D6 ]  filters[0].apply();
' q" J" X7 Y; R  style.color='white';
0 J0 s6 G/ r0 y: y$ r  style.border='1px solid #336699';
  style.background='#336699';
  filters[0].play();
) _8 q, _  N- d  }
  }
. n! z* l( L% j( F7 S6 }" e}
+ R5 I7 M. u: B) N3 c: C}
}
</script>
* h' i7 }6 K/ ?, S( Z7 I9 v
6 A+ M! [& Z2 ?3 {% z( G* x' G<!--BODY部分-->
<table cellspacing=4 cellpadding=1 bgColor=#336699 border=0 class=menu width=100 id=xmenu>
<tr><td>0128論壇</td></tr>
4 m) `4 _* _3 S9 Q1 W+ _) \7 m" S<tr><td>例子二</td></tr>
<tr><td>例子三</td></tr>
1 D5 x1 Q0 q! z2 Y<tr><td>例子四</td></tr>
<tr><td>例子五</td></tr>
<tr><td>例子六</td></tr>
8 x% q* l9 C, I' D5 y</table>
<script>showFilter(xmenu); //裡面就的xmenu就是表格的ID號此函數可到處調用</script>