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

zw2004

<script language=JavaScript>4 Q! c7 M, Y- Z- }5 `" U" f
<!-- Beginning of JavaScript Code -------------------- _& m3 w6 C% c- e$ j, d* r% u, X
  R1 |  i, x( V' E7 V6 [2 s
nereidFadeObjects = new Object();) p# ^/ H7 T+ Q, H1 w4 {4 u
nereidFadeTimers = new Object();) m: p. ^; X  n
function nereidFade(object, destOp, rate, delta){
! W9 @; t. o3 r1 `, [5 v$ e" Vif (!document.all)/ |. U0 |/ @+ b0 X4 _- ]
return! |/ ^' l6 J5 c: T. G
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
+ V" R7 u7 ?5 P0 k  O/ N2 o; S        return;7 X% ^9 @7 h9 Y3 u2 W& V, _) ]% O
    }
; y6 ~( s* ^; a    clearTimeout(nereidFadeTimers[object.sourceIndex]);: Q  Z' z4 f& F9 `
    diff = destOp-object.filters.alpha.opacity;
7 i, o2 y8 a- ]. J    direction = 1;3 Y1 r, T( V9 \; P3 u& C7 s# I
    if (object.filters.alpha.opacity > destOp){
. G8 R9 y6 X. V' R* n        direction = -1;% U+ y4 T* }1 ^. R7 w
    }- y. K) @& q+ S3 D8 P" I7 \8 i9 z: c
    delta=Math.min(direction*diff,delta);
2 H* [4 G+ L) @9 E# U7 W+ U) o2 }    object.filters.alpha.opacity+=direction*delta;
4 D* s3 E+ i4 C. ?0 J/ i% D1 f; I    if (object.filters.alpha.opacity != destOp){! Q" k9 {  H& J
        nereidFadeObjects[object.sourceIndex]=object;
; S; y7 q+ l5 d  l$ P( t5 w: p; U6 h        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);: N/ g- s( L3 G: [6 l" ~, ]2 A
    }3 h4 p, G* z/ O9 L% }" g
}8 W5 Z9 M% I1 M8 Q7 y: W# o+ [
// -- End of JavaScript Code -->8 J( k. w; |% `- s0 o, D9 o; p2 s
</script>
4 @6 C+ w/ m, d% X3 r2 }) H //修改下面的图像地址和大小
6 _8 Q5 x' L$ C* e( y: j<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
0 d3 E9 e# ]- M/ d: \  o$ X9 L  J        <TBODY>
, F7 A+ G, R- V, [& G* b        <TR align=middle>6 T/ f6 W5 \( N( w5 i8 _- S
          <TD background=files/index_dreamweaver2.gif
9 @4 f6 W0 M8 L: E0 b8 _          height=60 width=60><A
' |4 w3 y; ~$ }            href="http://www.hooji.com/java/display.asp?id=542#"><IMG ' k% m" K+ R% M7 \7 o
            alt="Dreamweaver 资源" border=0 height=60 " ]' l8 K; T% n# F
            onmouseout=nereidFade(this,01,7,5)
# }, V' n2 d7 H2 a1 Z% @6 Q/ T: z2 K            onmouseover=nereidFade(this,100,5,7) 7 ^0 u- k* i* H" \1 P, ?8 q! L
            src="files/index_dreamweaver.gif" & H$ }3 N9 e3 p" j+ e. M( d' c
            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)"
4 ~# ^8 o2 d- w. x, r            width=60></A></TD>
) q/ y% I* `/ `) d5 F! N          <TD background=files/index_fireworks2.gif height=60
. C6 ~8 J. o, {, _& h4 F          width=60><A 7 w5 g* I, r% f6 I) b/ L
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
  N2 x6 O1 A& p4 N            alt="Fireworks 资源" border=0 height=60 : h; a2 i, Y' c6 f+ K/ C4 b# {
            onmouseout=nereidFade(this,01,7,5)
3 X7 m! Y1 c5 a- b5 q% p            onmouseover=nereidFade(this,100,5,7)
8 j/ r/ M0 q; H: k9 U" w4 o' k, _" t            src="files/index_fireworks.gif"
% l1 f, F- T: \7 `( E8 J            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)"
. n  Q; x; F2 J& Y5 i5 ~            width=60></A></TD>
7 j) Y3 i+ f! p1 [7 y* d+ K% N          <TD background=files/index_flash2.gif height=60 7 j+ i0 W7 d$ ]/ A# e" i
          width=60><A ) E- N+ ?5 ]) e9 f. t9 @7 ]/ w
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ! G  z/ x' D4 b, Q; u2 F
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) " l( Z1 M: J# w# ~2 G; Q
            onmouseover=nereidFade(this,100,5,7) 4 m! U/ \7 i  a0 h
            src="files/index_flash.gif" % K; X( |; L5 s; o7 f' T7 o
            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)"
' V. U% L& H& E  g4 }4 x' C            width=60></A></TD>( P2 S/ J( o& ]0 D4 E' |& g
          <TD background=files/index_photoshop2.gif height=60
& O3 m2 r8 U! I          width=60><A + L" h* U& V$ k/ E$ y, T# G) f. y" {
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
% S8 {4 B0 ]# h/ s            alt="Photoshop 资源" border=0 height=60
/ v$ s+ e- g, B9 ~, y            onmouseout=nereidFade(this,01,7,5)
/ a* I1 K, d# s4 b% T/ X            onmouseover=nereidFade(this,100,5,7)
; ?$ o7 p3 O2 A( L/ C            src="files/index_photoshop.gif" . K+ e6 L" T- u
            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)" - ]7 S+ ]3 G* y4 f4 w$ X" d' I
            width=60></A></TD>8 F0 ^: Q; C. y) w1 C! F
        </TR></TBODY></TABLE>