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

zw2004

<script language=JavaScript>
" ]: l/ \9 n2 `<!-- Beginning of JavaScript Code -------------------9 c# u/ H# N+ q' r( }( l5 h, v0 [# Z

, q+ {$ s2 P0 v8 q. W# Z) |' GnereidFadeObjects = new Object();
, g- f! x+ _  }! l4 anereidFadeTimers = new Object();& _% {3 d8 ?- b1 T9 L
function nereidFade(object, destOp, rate, delta){
/ d9 [/ {3 z$ L( nif (!document.all)
4 p% Q, L0 Z' ~1 Zreturn
+ e$ C7 v8 \- p* }( i7 D' m3 X    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
% _/ t" @$ M& K. _' g5 a        return;
# Y+ T3 D) U! R# z8 ?: K. B    }! O) j# X7 @" E! g
    clearTimeout(nereidFadeTimers[object.sourceIndex]);/ S2 @0 w/ X- E
    diff = destOp-object.filters.alpha.opacity;
$ W: W0 e; ?" T: v' v( t: ]) f$ O    direction = 1;+ `$ m% [5 S" p- B. G
    if (object.filters.alpha.opacity > destOp){
5 U& W8 B( d  u2 r8 X        direction = -1;1 Y: i" ^: r/ O2 Z1 S' z6 n
    }+ q7 @3 I9 ^/ V1 V
    delta=Math.min(direction*diff,delta);# u' [$ a5 [) ~; L
    object.filters.alpha.opacity+=direction*delta;
- q: A7 {8 J/ J! [+ w    if (object.filters.alpha.opacity != destOp){
5 [: q( Q2 S- a( ~: T, q0 g8 x        nereidFadeObjects[object.sourceIndex]=object;
7 [8 j2 E' E. o+ s- \        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);1 g5 v, R0 G, S# @2 K* f6 `; J  `+ W
    }
: p6 [; Z# \% p* j$ W$ ^}- |: v; l3 I' [+ {9 e1 ?& @6 P
// -- End of JavaScript Code -->
1 b0 Z; x# F' B; ^) y6 f</script>
; v1 F4 W1 a; B* D* K //修改下面的图像地址和大小
! Z; Q9 \* X" D# k6 [<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
+ T$ T. w5 x/ q$ V/ t" n) ?  ~        <TBODY>
( j! [( _0 N* ]! _& |        <TR align=middle>
) |1 i( Q! D; @9 x# W          <TD background=files/index_dreamweaver2.gif
0 b0 `$ d2 T* ^; U          height=60 width=60><A ) X3 V/ `% k$ I# A5 l; d0 r% A
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
3 q$ _  c5 O  S            alt="Dreamweaver 资源" border=0 height=60 5 n- Y9 H' `* \3 \. M1 ?
            onmouseout=nereidFade(this,01,7,5)
2 `% R/ u6 c! c            onmouseover=nereidFade(this,100,5,7) ( ~9 m& v- f, t0 a5 M& t, ?: X
            src="files/index_dreamweaver.gif"
% T2 ]0 G. _3 v' `0 w& 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)" 5 z; i. q  c6 A- `) M/ ?
            width=60></A></TD>3 O# i; j' R# s3 L
          <TD background=files/index_fireworks2.gif height=60 8 e% R2 W: R* l0 O' `/ j+ F
          width=60><A 9 L: P$ w  o" `1 D* f' I
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
6 g8 U; |8 K. m+ g. i$ c! `) C            alt="Fireworks 资源" border=0 height=60
4 Q- S; V5 q$ n. i6 |  c; i            onmouseout=nereidFade(this,01,7,5) % ^6 @: |) D) n) R' y
            onmouseover=nereidFade(this,100,5,7)
8 R' N* K" B. j: j  ~% j  ?; [            src="files/index_fireworks.gif" 9 y+ E# {; Q# e# x+ x0 e0 U" v
            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)"
& _' i  R6 ?) |            width=60></A></TD>5 H% |3 B: b2 e% C) i  z
          <TD background=files/index_flash2.gif height=60
' P$ c5 b/ y" l: [( I7 p7 O          width=60><A ; [0 [  o' [: m+ Z- \' r) u, O  ^
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
4 h5 B; N: }/ U9 G' T7 d+ ~/ A/ B            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 7 q; n- I- O! d5 p7 }6 {* D# u) X
            onmouseover=nereidFade(this,100,5,7) - \+ x4 I3 _. I$ p6 K5 r
            src="files/index_flash.gif"
7 P5 _* a1 H* P3 q1 d( t3 \            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)"
2 f: k9 j7 y! |: t& b3 j            width=60></A></TD>" X1 S/ I' [0 Z8 q( T% o& i- J- R
          <TD background=files/index_photoshop2.gif height=60 1 c. z/ i& D* I6 M" F7 q
          width=60><A
! [4 ^5 d0 \" e            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 6 P  j1 L. H; }# B$ B
            alt="Photoshop 资源" border=0 height=60 2 V: O: B2 K5 q" C6 \# @: \- j  N
            onmouseout=nereidFade(this,01,7,5)
! ]$ w5 C9 L# H8 _) A% a  _% e            onmouseover=nereidFade(this,100,5,7)
: x) p7 P! V3 Q' j            src="files/index_photoshop.gif"
" l" R8 @; Z( |" Y9 D9 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)" % y5 q2 y$ _# L, F- p7 r7 ?; g; [
            width=60></A></TD>8 P3 [. F6 ]/ [4 m# f; |
        </TR></TBODY></TABLE>