网页之非常漂亮的图象效果

zw2004

<script language=JavaScript>8 _2 T( z( \3 O* k* k
<!-- Beginning of JavaScript Code -------------------7 P/ j* o4 X3 y, o3 F5 B. k) C

3 [. w- K* ]  l& Q, P0 hnereidFadeObjects = new Object();
. ?) A8 t& [1 G/ w& cnereidFadeTimers = new Object();
* W- }, S+ b  h; _3 D% p/ Ufunction nereidFade(object, destOp, rate, delta){# b! D% k8 Y6 n) n' N9 H& c
if (!document.all): A6 ~2 s& T  D8 V3 _
return
7 B% ~+ T4 @6 `6 V# s$ p    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
+ h4 X/ `7 k$ C" u  O9 V* G9 e: y        return;/ ?* G6 @0 R2 ^1 u  R8 X
    }0 f. v9 a  W% r0 m& N' y' x
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
( X2 N& A8 D4 K, t4 ^    diff = destOp-object.filters.alpha.opacity;
  v3 V- k# V8 V0 t: H- U7 E    direction = 1;
0 t+ n9 \: H& y0 ~    if (object.filters.alpha.opacity > destOp){7 Z- s0 d6 c, w/ ~7 O
        direction = -1;3 W3 a+ K6 G* ]5 R  Z
    }
4 q/ S0 M( E2 Q2 B9 }    delta=Math.min(direction*diff,delta);* w* D6 O# P6 g, c4 L4 |- h, ^* \
    object.filters.alpha.opacity+=direction*delta;
, N9 @, w1 ]! J' E+ S7 a0 I6 k    if (object.filters.alpha.opacity != destOp){# {- O3 _7 a) _! w- h; @0 V2 W) N3 ~6 ~
        nereidFadeObjects[object.sourceIndex]=object;5 \/ Y! K; c4 c: V2 \
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
- _4 e  J  J4 X% I6 r% v" |2 O    }
( p' m- b0 c. A% E) c% }$ Z}
8 w5 ~6 k9 M0 |0 A+ p. y$ y// -- End of JavaScript Code -->
. H( d% D! F( h0 S</script>
, r) J4 V0 D* _0 a5 H //修改下面的图像地址和大小
" i0 P2 t" i( [& R1 n<TABLE align=center border=0 cellPadding=0 cellSpacing=1>) ]' g/ m/ s  x8 S% |: M9 w
        <TBODY>
0 T# I  o8 k1 ^* F. [* H; L( Q        <TR align=middle>
% F( ~0 [5 z) D. t0 @& f8 K8 Q2 C          <TD background=files/index_dreamweaver2.gif - Y6 A( M6 \% o
          height=60 width=60><A 2 N& o. S: ~7 `" L8 F
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG & b$ a1 y5 T# O' w
            alt="Dreamweaver 资源" border=0 height=60
$ P% n3 g5 B/ k  Z9 a# g: s            onmouseout=nereidFade(this,01,7,5) ( x  L1 O7 X# F% n0 d. Q: r- W
            onmouseover=nereidFade(this,100,5,7) - L# _8 M" t% `+ M1 k4 G
            src="files/index_dreamweaver.gif" 0 j8 y3 ^* d2 y: Q0 G4 V
            style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)"
! |$ B% x5 f1 l( X/ z$ m9 ~8 [            width=60></A></TD>
6 _* T# t( I+ P0 ^          <TD background=files/index_fireworks2.gif height=60 % g' {2 l' x7 w7 {! F
          width=60><A 2 B/ h6 k9 C. J2 f, Y! B
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
5 d- i8 _  d: _$ [+ f* c& D' I# Q$ r            alt="Fireworks 资源" border=0 height=60 6 V$ D' r% \0 C5 L
            onmouseout=nereidFade(this,01,7,5) 7 s- @6 H) @" N' H7 i- A
            onmouseover=nereidFade(this,100,5,7) 9 ]2 e. Y5 X9 [8 C# _( N5 E+ R
            src="files/index_fireworks.gif" / D5 ^  g' ?# W. D- N2 m
            style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)" / R0 A; d2 y& l) c, K
            width=60></A></TD>
: g8 T- O2 L* V' t1 D" \' s2 ^5 L          <TD background=files/index_flash2.gif height=60 & M9 T% P7 C# ^, M6 r& \0 |, ~
          width=60><A 3 j$ w$ M& L8 l6 s8 n
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG & e# k0 @7 z3 v2 w
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
& U5 r7 {/ o- `8 t2 e- g/ M            onmouseover=nereidFade(this,100,5,7)   Y- w: T) b* H1 r/ {6 o6 Q/ a
            src="files/index_flash.gif"
2 W2 @5 M; z3 ~- c. Y9 M  d- _            style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)" & }2 j" |& _! N( `9 n
            width=60></A></TD>
+ Z6 U% }' z" U% v# g  D% K0 A: M          <TD background=files/index_photoshop2.gif height=60
7 t+ j9 Z9 a: ?: X. i          width=60><A ( P) L/ Z/ k$ q" `) ^
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) Q0 w% D% M+ U/ E. O2 G            alt="Photoshop 资源" border=0 height=60 0 D; x1 d4 C1 e+ d5 x. N
            onmouseout=nereidFade(this,01,7,5)
5 |4 `+ k4 u4 R4 t            onmouseover=nereidFade(this,100,5,7) ' f8 D# ]& s  \
            src="files/index_photoshop.gif"
- C% g* F8 ]: \- ?( Z            style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)"
" R5 J% G0 I( H  S$ E7 c: |! B            width=60></A></TD>1 h8 }3 f9 H, F+ [9 T9 Q" z+ F! s
        </TR></TBODY></TABLE>