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

zw2004

<script language=JavaScript>  S4 x; a8 q; L) j4 V, q7 F
<!-- Beginning of JavaScript Code -------------------* [/ `5 Q& J5 `" r

% _5 w  o# _+ y" E3 i/ CnereidFadeObjects = new Object();
! ~; F% S* R" y: R" znereidFadeTimers = new Object();
) Q% n2 e; j9 r0 g7 r0 ]function nereidFade(object, destOp, rate, delta){
$ y! l5 u( p) F: v* M4 ]& D# T0 i# qif (!document.all)$ I; B- \. H) A3 U$ w
return. E* Q: }: R& B2 v$ ~$ E
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);& g: w3 O3 e, Z  v( S. H
        return;. J. j/ q3 w# ]  {4 \$ H/ K6 E1 v
    }
& r0 {9 v0 \7 f, z( c4 [: T6 X    clearTimeout(nereidFadeTimers[object.sourceIndex]);
% D- W5 {  I) d: Q5 y/ a8 E    diff = destOp-object.filters.alpha.opacity;
9 K, ^' [! h$ G3 @6 ]    direction = 1;
. {% L0 J8 N- N4 t    if (object.filters.alpha.opacity > destOp){
' o4 p0 X/ N9 {3 _# r2 u( Q8 ^5 K        direction = -1;0 Y  w1 Z( \: u' m4 P7 g
    }$ @3 ~: A0 @* ~& k1 D  E* k3 x
    delta=Math.min(direction*diff,delta);
. y# n, L  G8 W. L6 L) `    object.filters.alpha.opacity+=direction*delta;, l- y6 O# d. c( Y: r: x& S, `
    if (object.filters.alpha.opacity != destOp){# a! x) N. W+ u) n8 N
        nereidFadeObjects[object.sourceIndex]=object;
1 x' p$ M/ V' v( S/ h        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);; {1 ^) H' n+ a% L! p$ k- x2 E, O
    }
2 g0 {% `: m, w# e# ]7 U}! O: D- R' Q. B& }5 ~0 k8 k
// -- End of JavaScript Code -->
% a' \8 Z( i2 Y6 f$ e* E3 M, K) b</script># `6 N) |/ i7 d/ Y: z
//修改下面的图像地址和大小
+ w5 X/ O/ u% V% W3 `+ ?# F<TABLE align=center border=0 cellPadding=0 cellSpacing=1>) F6 S2 @- ?5 {" R* s0 I
        <TBODY>5 h% d# Q7 y5 F
        <TR align=middle>
) I/ {4 {3 i5 w/ k# {- `8 W  C          <TD background=files/index_dreamweaver2.gif
: e! k8 I( e! ]) X          height=60 width=60><A 6 Z, A# }- n) G
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. ]: E; ]. V- W            alt="Dreamweaver 资源" border=0 height=60
2 r1 e1 |9 \! ~/ V( q9 t            onmouseout=nereidFade(this,01,7,5) 3 }4 A2 |1 g4 {5 x8 U" }/ L3 i
            onmouseover=nereidFade(this,100,5,7) / H+ |% y/ e& M& j
            src="files/index_dreamweaver.gif"
  [% M$ |, |; N; w" y            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)" . G* h  X" d+ ]( Q' T$ J# P6 q
            width=60></A></TD>
" O/ P& i, D& S' |0 b: ]          <TD background=files/index_fireworks2.gif height=60 - Y* D9 }3 D( d2 n+ m/ j- t: i: x) O
          width=60><A
- N& x) ~8 ?* o7 v+ D            href="http://www.hooji.com/java/display.asp?id=542#"><IMG   k/ A" k( b$ z2 D3 o9 f
            alt="Fireworks 资源" border=0 height=60 % x$ a6 B9 f, l4 W$ @/ d
            onmouseout=nereidFade(this,01,7,5) 9 F/ c3 C7 V$ s' t
            onmouseover=nereidFade(this,100,5,7) & ?7 ?& K+ P1 \# I6 w+ q
            src="files/index_fireworks.gif" * D" l. y7 t3 R6 B9 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)"
6 L: u& M# ]1 n- S6 r5 A: x            width=60></A></TD>6 K4 k7 l# L# L' ]
          <TD background=files/index_flash2.gif height=60 & B/ q6 g6 r, c5 t
          width=60><A ' P5 S; m/ H. Y5 Y9 ]
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ( u  c( E, S5 \6 U! w
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
! ^4 M, O3 y3 q8 [9 _4 y            onmouseover=nereidFade(this,100,5,7)
# {0 k* C: l1 A' \0 e% F$ M2 O            src="files/index_flash.gif"
: p! }  R0 l5 @% b5 l; e            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)"
8 m; P: j4 Z5 p" y7 V7 Y8 V            width=60></A></TD>
% M4 y: E* s$ I$ ], A+ o          <TD background=files/index_photoshop2.gif height=60
+ |/ h8 r/ n( X$ H          width=60><A
! [" S7 H; R0 u+ b& j4 M( q5 q* m8 T            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) r4 V) r4 F% A/ Y+ D' a4 e            alt="Photoshop 资源" border=0 height=60 - }, K* i) s9 N% {6 Y0 G( R
            onmouseout=nereidFade(this,01,7,5) ; Q4 R, o6 b& z
            onmouseover=nereidFade(this,100,5,7) ' B9 g7 }) Z3 t: i
            src="files/index_photoshop.gif"
2 m5 m! J; p. r/ W4 x# e/ 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)"
5 X# t# g1 l; T4 d) n            width=60></A></TD>/ P, t3 u1 q3 E, u" q: D' J7 w" R5 M
        </TR></TBODY></TABLE>