用DHTML做的一個菜單特效

源碼：
<!--樣式表部分-->
<style type=text/css>
$ j2 v$ i7 J6 S8 ?, x) A& G.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>

9 o6 y) Q2 ~" u5 O+ B<!--腳本定義部分-->
<script language=javascript type=text/javascript>
$ A1 C, F4 ]7 I* Lfunction showFilter(obj){
var tds=obj.getElement好yTagName("td");
for(var i=0;i<tds.length;i++){
with(tds[i]){
  onmouseover=function(){
  with(this){
4 g' k" o! s( K( A+ @  filters[0].apply();
  style.color='black';
  style.border='1px solid white';
, N5 x9 _! v: s( p$ g' q. `% \0 V  style.background='#66CCFF';
  filters[0].play();
* n, t/ m4 G0 o# o: K  }
  }
  onmouseout=function(){
* M  e9 o- D) l2 g  with(this){
  filters[0].apply();
  style.color='white';
9 B2 Z- R3 k. t8 Z* e5 s" H$ t8 C  style.border='1px solid #336699';
7 D7 g4 I# g0 T7 x* k2 K) w  style.background='#336699';
  filters[0].play();
9 }' u0 g) i: U8 v6 j: I6 }  }
8 d$ w0 j) B! m  t" Z0 v6 ^  }
0 x( m# d- I* }$ D% z}
}
}
</script>

' j+ D, D3 O% U- a8 t  v<!--BODY部分-->
7 s  j% X9 o2 n9 a<table cellspacing=4 cellpadding=1 bgColor=#336699 border=0 class=menu width=100 id=xmenu>
( e8 B) X: U8 x, Z+ ?( b) V<tr><td>0128論壇</td></tr>
<tr><td>例子二</td></tr>
- N/ G. W1 G1 @, v2 U9 Q% Z% e<tr><td>例子三</td></tr>
<tr><td>例子四</td></tr>
<tr><td>例子五</td></tr>
<tr><td>例子六</td></tr>
& t& H- n- A* Q/ Q/ A</table>
<script>showFilter(xmenu); //裡面就的xmenu就是表格的ID號此函數可到處調用</script>