用DHTML做的一個菜單特效

源碼：
0 j4 Q1 }( p# l7 Y% _<!--樣式表部分-->
<style type=text/css>
! s  E8 s0 I/ V3 Q- V+ B.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}
) K" S' _5 K4 i3 W" ~/ ]</style>
) G& v0 s9 C: C+ }, O9 {4 i
# S" P, _0 @+ U<!--腳本定義部分-->
<script language=javascript type=text/javascript>
function showFilter(obj){
var tds=obj.getElement好yTagName("td");
# q- L3 p) f. r. ?8 j0 Ffor(var i=0;i<tds.length;i++){
% q9 s+ z6 ]0 Y- L( G7 kwith(tds[i]){
6 u3 j6 b# ]& V8 p6 U3 L; Q' d" x  onmouseover=function(){
  with(this){
  filters[0].apply();
  style.color='black';
  style.border='1px solid white';
  style.background='#66CCFF';
: G2 B2 x2 K0 h$ r7 y, L  filters[0].play();
; y6 m( o5 ^- @; I8 |5 B  }
" v5 ~" ~# X9 t  }
0 H6 v3 r; U2 {$ S  onmouseout=function(){
  with(this){
# L' ]% O3 B0 Y  filters[0].apply();
3 g) H; g! e& n$ _3 P% H  style.color='white';
, r- E# w! [  ^( ]( D" Y  ^5 ]9 E7 B8 Z  style.border='1px solid #336699';
: U6 i  s+ |9 Z% E7 J4 a7 Q  style.background='#336699';
( T$ Z/ B5 _4 ~1 Y! ^0 N- Z  filters[0].play();
  }
  }
}
}
$ O- L, D3 g, Z( z/ T: z8 f5 E}
; y6 }# L3 c- X6 Q</script>

<!--BODY部分-->
1 U4 S; c) f1 c. F. Q! z  Z0 P/ J) J<table cellspacing=4 cellpadding=1 bgColor=#336699 border=0 class=menu width=100 id=xmenu>
6 s' c2 i2 ?' ]% I& G<tr><td>0128論壇</td></tr>
3 {6 r: w: x& _  L3 F<tr><td>例子二</td></tr>
- I+ m* G& @& T<tr><td>例子三</td></tr>
<tr><td>例子四</td></tr>
<tr><td>例子五</td></tr>
& t$ l% c3 [! q! `  X% r<tr><td>例子六</td></tr>
' h1 C! h4 M$ k! M</table>
' y" d6 z# D7 K5 M; ^1 v<script>showFilter(xmenu); //裡面就的xmenu就是表格的ID號此函數可到處調用</script>