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

zw2004

<script language=JavaScript>
1 `& \5 `; s( [% [<!-- Beginning of JavaScript Code -------------------, Q* k/ i0 O4 S$ G+ x. |' D
% @& [& \7 c& j" ^! N: U. C, |  h
nereidFadeObjects = new Object();: k7 P% K8 B" c5 T+ G# t. ^
nereidFadeTimers = new Object();
$ Q) Y; F' r) S+ `function nereidFade(object, destOp, rate, delta){
4 Q, K1 e! f  }9 Yif (!document.all), U) r7 V# T/ W" W+ _, P1 Y( g/ t. s
return! f8 C$ @8 N, G! a8 j
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);  c3 N1 h( W/ T; [3 ]" Z/ l* b2 B
        return;4 j* o* g- u: V
    }8 |5 W. L  g: d
    clearTimeout(nereidFadeTimers[object.sourceIndex]);- t) [) `% N4 n' X! m( _
    diff = destOp-object.filters.alpha.opacity;
$ v& e2 M. j- F    direction = 1;# W3 c4 ^5 b/ ~: t; e/ ?2 f! [
    if (object.filters.alpha.opacity > destOp){
7 m( }- j' b1 P        direction = -1;
: c" C# w, F: k3 p1 K    }
" U. A7 e; N; B5 S    delta=Math.min(direction*diff,delta);
/ k1 i7 {* f9 N5 F- v" }& E    object.filters.alpha.opacity+=direction*delta;  z+ Q" U0 _, S- D  S3 _
    if (object.filters.alpha.opacity != destOp){. o2 n  }; I7 a5 {
        nereidFadeObjects[object.sourceIndex]=object;9 U; V; n4 ^7 [" I5 a
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
) t2 O8 l" v) V: M$ J9 U    }
! t, O. C4 r+ o) {. t}4 }/ m) x! \7 I) r
// -- End of JavaScript Code -->
* n3 M1 V( p0 M+ [6 u</script>
4 y& v% f8 r7 c  @* w* u$ `8 Q //修改下面的图像地址和大小
4 a) ^) z( M8 u$ B- |<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
% V7 o' L1 d; F$ m8 w' r% g        <TBODY>$ T* z% y5 }4 e2 y8 w$ A: _  ?, D
        <TR align=middle>3 S; m; g' l, k) t; O
          <TD background=files/index_dreamweaver2.gif 3 J$ D. q# Y0 u, n7 d" x$ G  w
          height=60 width=60><A
5 g) p/ _0 n) P4 }1 {* v/ j            href="http://www.hooji.com/java/display.asp?id=542#"><IMG / j( D6 _4 L6 t, _7 k
            alt="Dreamweaver 资源" border=0 height=60
4 y# t* A& y9 b9 r/ j            onmouseout=nereidFade(this,01,7,5)
! A8 v* v0 m& r' X8 h& V            onmouseover=nereidFade(this,100,5,7) " J4 H' O6 Q* V9 t3 B  h
            src="files/index_dreamweaver.gif" : G0 A4 I; x' {5 V4 L
            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)"
  m. w5 d3 S; m/ |; ^            width=60></A></TD>9 t2 G! k- r- H9 r! O: x9 D
          <TD background=files/index_fireworks2.gif height=60 9 Z: F, N8 @+ [
          width=60><A : n5 G3 x# @1 Z8 L8 r! j* F
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG / y( N! Q3 T$ r+ i) R6 n
            alt="Fireworks 资源" border=0 height=60 + |; d) Y& o: O7 B
            onmouseout=nereidFade(this,01,7,5)
: e5 q7 _7 \8 n! w            onmouseover=nereidFade(this,100,5,7) , x7 Q3 _! c* q8 m/ e! P
            src="files/index_fireworks.gif"
0 w2 b# I: I) x& {# u8 e0 D; a            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 r9 ?& b- V4 w: Y6 n: K  g            width=60></A></TD>
" ?% j* u; ~& V6 g% t0 q+ ]! W% R          <TD background=files/index_flash2.gif height=60
3 O% A; F6 Z' {3 h1 I          width=60><A
+ T2 O( M9 W/ Y& M- c            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG & |7 P2 ?! K8 x. I
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) ' A' A( f# v; Q  b4 q
            onmouseover=nereidFade(this,100,5,7)
* Z" B# W$ u2 n; }            src="files/index_flash.gif"
6 E7 F: P2 x% g9 E/ |6 ?            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)" # o  k( h  x' l; x/ @6 J) Y, k9 x$ `
            width=60></A></TD>
4 i) z0 m, t/ z5 s$ z          <TD background=files/index_photoshop2.gif height=60 - Z$ L! K6 J# r2 b
          width=60><A
. ~/ E0 {- E' z* H, ~+ T7 F8 N            href="http://www.hooji.com/java/display.asp?id=542#"><IMG * [" P+ L2 ]8 o7 l) `6 u4 h
            alt="Photoshop 资源" border=0 height=60
, i3 \  p2 u+ c+ Q            onmouseout=nereidFade(this,01,7,5)
6 B; l5 U. {6 c. Z3 k: X6 h- |            onmouseover=nereidFade(this,100,5,7)
3 t4 n& x& @0 V  `% }( k8 O            src="files/index_photoshop.gif" & H# _" s& B4 r+ K& D! z, X. I! M5 i
            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)" 3 W/ f# I8 I7 O, r, [% ?
            width=60></A></TD>6 J" z% G# V9 v
        </TR></TBODY></TABLE>