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

zw2004

<script language=JavaScript>2 Y4 s7 Y: v- X6 u+ Y: J
<!-- Beginning of JavaScript Code -------------------
  k/ i* x4 S. E; F( y5 \3 f8 E/ }/ h- \$ X8 f9 G; Y  D- p+ w
nereidFadeObjects = new Object();
/ y  O, ]  s, c5 W, lnereidFadeTimers = new Object();
& B- B+ E' k/ b- j: y- Y3 sfunction nereidFade(object, destOp, rate, delta){
9 S# n7 V  n3 n5 e, Xif (!document.all)7 Y4 k2 e2 i0 a! i  C
return
; [+ w$ B& w4 |% m    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
3 y+ F  M5 s! h        return;9 e( p) }0 C: \1 M0 _5 m
    }/ S# `. T- [" s* P
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
' X6 a$ K6 j  c0 k  `( W    diff = destOp-object.filters.alpha.opacity;, ]' v) j7 k" @0 N
    direction = 1;
8 n6 }6 t. _/ D6 t    if (object.filters.alpha.opacity > destOp){
1 _* O* h5 \7 C( \  ?4 E2 p        direction = -1;- q  V+ F+ V. s- w( X
    }
9 Y% S, N7 P& p8 B% s    delta=Math.min(direction*diff,delta);
. U- ~2 S; s7 R9 @+ l    object.filters.alpha.opacity+=direction*delta;
7 B+ E3 i1 N$ t+ U5 i; A    if (object.filters.alpha.opacity != destOp){6 Y3 h! b, w6 I. k% p
        nereidFadeObjects[object.sourceIndex]=object;, K' x" @# k0 a/ N+ i/ G+ k& D
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
5 o6 R; {+ B$ k  s$ K    }: N5 F. M0 Q8 x6 D4 b
}- [- d" s7 V) O1 C2 p. F- b
// -- End of JavaScript Code -->
+ O/ o8 R6 H* @6 a</script>
5 v( m& G7 _7 B( H+ |2 S0 t //修改下面的图像地址和大小
5 n! j7 [7 E6 N) \- g<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
# n- m* Z% |. L$ u. L7 ]- Q        <TBODY>
! m0 [! f2 a: {2 r! i) y        <TR align=middle>4 S' R) C; W' w; I8 N$ f8 u# D4 w
          <TD background=files/index_dreamweaver2.gif " R; O( p' o6 A
          height=60 width=60><A
+ E# U4 j% G* S: s            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- g" w/ E- {0 a6 A) N! V, k            alt="Dreamweaver 资源" border=0 height=60 1 n, j. x  _! i7 i$ R3 E9 I
            onmouseout=nereidFade(this,01,7,5) # l/ t1 T0 a: G
            onmouseover=nereidFade(this,100,5,7) * ]) Z7 r6 O& R- L+ v
            src="files/index_dreamweaver.gif"
! h/ j  `7 U' b) L; L9 p            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)"
1 k" Z& G1 t9 ~) N3 o$ `& M, ~            width=60></A></TD>' |9 E2 S# l3 a
          <TD background=files/index_fireworks2.gif height=60 3 Z" }# h$ ]: U0 X
          width=60><A
: ]: a( T5 `, V" z8 q5 ]            href="http://www.hooji.com/java/display.asp?id=542#"><IMG : m, Q* C% R# r0 H8 y  b$ Y
            alt="Fireworks 资源" border=0 height=60 ( t, P5 y$ k0 d" C5 o7 X
            onmouseout=nereidFade(this,01,7,5) 4 i5 ?  G# J/ l7 Y
            onmouseover=nereidFade(this,100,5,7)
. E" _( s4 ?" k0 P            src="files/index_fireworks.gif" , c- o2 L+ i& R9 d3 H6 S* G
            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. T6 ]$ {) l+ j& p  b2 |
            width=60></A></TD>0 Y- i& @( q, |+ x" n% d' a
          <TD background=files/index_flash2.gif height=60 & }( w# _- h9 M# S) f% h- s
          width=60><A
8 m) B8 h- v, B+ U% ^- U            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
9 t3 C: K9 v) J3 b+ {6 o& {* o. n            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) ' d( f. f* E$ w
            onmouseover=nereidFade(this,100,5,7) 3 {* o+ [& s2 b# p
            src="files/index_flash.gif"
5 u$ a( O7 C7 t            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)" $ @" u3 @) @8 N
            width=60></A></TD># M% j  K1 Q4 l  e3 ~( P
          <TD background=files/index_photoshop2.gif height=60
" A7 z( |& g, [3 |' Z          width=60><A
2 T8 T# p* x% d( p            href="http://www.hooji.com/java/display.asp?id=542#"><IMG + e8 [4 ~, e: Y% y0 N0 o) v5 z
            alt="Photoshop 资源" border=0 height=60 ; s- S. @* }/ h, C
            onmouseout=nereidFade(this,01,7,5) 2 n! K+ W9 j* P* c
            onmouseover=nereidFade(this,100,5,7)
0 Y; R9 ?8 O: k( H! ?# X! f            src="files/index_photoshop.gif" ! C8 k2 C8 o; Q! A, M& G; ?, 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)"
  ^  v9 c6 M) p5 q            width=60></A></TD>
5 E8 ]; O, k/ B* G3 m/ K        </TR></TBODY></TABLE>