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

zw2004

<script language=JavaScript>
# t+ _9 m- s  q# ]  F9 d, a9 d& H<!-- Beginning of JavaScript Code -------------------5 q/ j2 S5 n: e9 c
8 V$ |# N, q% \: o' u
nereidFadeObjects = new Object();8 R! Y3 b# }7 f" R0 }3 J
nereidFadeTimers = new Object();
  _5 w( r8 u5 c0 mfunction nereidFade(object, destOp, rate, delta){4 G6 {% [. B5 F2 D
if (!document.all)+ F1 G7 v0 U' ]! w& n
return/ G# r  |7 T& U5 V
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
; a1 Y4 ~6 r/ j  n# v7 G) e$ B6 h        return;
; z3 Y/ h! Q& C2 t+ Q, D% d2 N0 s    }
4 v, ~1 ]  x, M0 x" E2 v! M    clearTimeout(nereidFadeTimers[object.sourceIndex]);8 p* E6 Z3 D9 ~
    diff = destOp-object.filters.alpha.opacity;
2 G' a% ?& _+ c" C    direction = 1;7 j/ g" y' U$ F- f
    if (object.filters.alpha.opacity > destOp){* v/ \+ p, T* D/ w# I( ]
        direction = -1;
+ Q4 A1 {, h6 j4 [; `+ Y    }3 ~& G7 z1 c6 @& h4 U  ?
    delta=Math.min(direction*diff,delta);
9 T0 u+ l# T3 U6 Z! _0 f    object.filters.alpha.opacity+=direction*delta;
; v  n7 d) [" T4 H    if (object.filters.alpha.opacity != destOp){
7 T4 G4 F' `6 X& G        nereidFadeObjects[object.sourceIndex]=object;0 x6 L* u% r, @2 U' M* X9 }
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);0 @. W- Z" p3 ]2 Y4 J' X! r
    }
! k3 ]% J2 b0 S2 ?/ a9 p4 ~}  n3 B0 n0 o) v5 q7 H) e% e
// -- End of JavaScript Code -->9 t& B+ P) q6 W5 u+ r
</script>
' W! [8 x, P9 F0 U //修改下面的图像地址和大小4 B# W1 U8 T1 R, ]; n+ v& E( b
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>; L5 J- f9 C2 e
        <TBODY>
6 X/ b  G7 z0 l7 `. Y5 `9 g        <TR align=middle>  s+ x4 Q6 j" w) |4 d
          <TD background=files/index_dreamweaver2.gif * ]( h; A) W. N9 e
          height=60 width=60><A , O) g+ U, D' H8 d; q& \  `
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. u( M0 d' N" _: T            alt="Dreamweaver 资源" border=0 height=60 4 S! Z6 y$ e. i- O
            onmouseout=nereidFade(this,01,7,5) : F) ^; k4 e# P& [* j9 }
            onmouseover=nereidFade(this,100,5,7)
; f! j5 V' w# v! K            src="files/index_dreamweaver.gif" 9 ]. M) T! ]8 u' I  h
            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)" , s' A' ?* u- i: Q
            width=60></A></TD>
$ I- N$ d( g3 m; E8 g          <TD background=files/index_fireworks2.gif height=60 ) n4 L5 `! H8 q8 Q
          width=60><A
, v: T1 \4 O( [- ?/ P3 R            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 7 E3 `; M7 C5 |4 g2 J; M# Y; B. k+ e
            alt="Fireworks 资源" border=0 height=60 ' v! ?$ ]1 G9 x/ c+ x# n; a# S
            onmouseout=nereidFade(this,01,7,5) 4 H) K" |! W! }6 Y% t7 x* P+ \
            onmouseover=nereidFade(this,100,5,7) : V# ~' \3 W5 z. X1 n
            src="files/index_fireworks.gif" 0 d7 O: i$ k! n
            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)"
, q% ]7 H" c; h4 I! w            width=60></A></TD>
1 M3 W9 U8 O% H  h- i5 h          <TD background=files/index_flash2.gif height=60 # Y0 @8 r4 F& }) s& q8 i
          width=60><A
& ?; s! t/ x4 z! P            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
. ?/ a6 T2 y; i- n& @  k3 m            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) / y; y: Z  I) A9 v0 a& F; `# U
            onmouseover=nereidFade(this,100,5,7)
7 c, P# e9 I6 I$ ^$ k- Y3 u            src="files/index_flash.gif"
" g( B6 C* L9 E+ s. _# J* 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)" 4 ?- r7 C# B) ~0 e4 o3 Q
            width=60></A></TD>
: e3 n) @( q8 `: i3 n1 \          <TD background=files/index_photoshop2.gif height=60 6 y4 X4 G5 \4 r$ [! |( }
          width=60><A 8 }( @4 T' H0 t- T+ p$ ]4 e
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. S; U; n. Y& S; x3 ?6 b            alt="Photoshop 资源" border=0 height=60
+ J0 h. K: {' z- H1 k* a            onmouseout=nereidFade(this,01,7,5)
2 F1 M7 _' Y* `. U8 h, W            onmouseover=nereidFade(this,100,5,7)
4 V8 a& f0 s/ n+ o. [) P% ^: U            src="files/index_photoshop.gif"
5 C9 X# \8 r( j. y) X: O, |# s            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)"
/ M9 X( r5 S3 f/ z7 i$ k# ?, W            width=60></A></TD>
+ Z; `. F6 q& G; |) N: S0 d6 ]        </TR></TBODY></TABLE>