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

zw2004

<script language=JavaScript>
0 c1 `7 r) k1 h<!-- Beginning of JavaScript Code -------------------: K1 z4 D0 t) ~6 C9 N5 N6 R! f: h4 C

5 E: }( ~4 I$ Q2 G# QnereidFadeObjects = new Object();- p4 J5 b7 S  l, A
nereidFadeTimers = new Object();2 Z9 G! @! _  t9 }" C& J
function nereidFade(object, destOp, rate, delta){; ]# `1 q6 r5 i* v8 \
if (!document.all)
" F) Q& T) F* e% a0 kreturn
/ H- N% `# b0 ~5 C5 o- R( L, c1 Y# y    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
/ p0 P% V/ L/ n, _6 t, ?, V; r        return;
# e5 m1 Y" u8 `" i+ Q' n: }    }
  |: o, O! `6 E/ Z* `/ Y+ G    clearTimeout(nereidFadeTimers[object.sourceIndex]);' H/ i) g, `; k0 ?, M2 o7 n
    diff = destOp-object.filters.alpha.opacity;
8 Y$ J! M) A0 j3 w    direction = 1;6 s3 g, M$ f. [/ E0 n. O+ t
    if (object.filters.alpha.opacity > destOp){) U7 Q. h& d4 u) t
        direction = -1;9 h8 w9 X3 K0 ?# H
    }0 ^6 @1 D0 a! g, z" t0 M5 P. K6 @0 w
    delta=Math.min(direction*diff,delta);
. r4 v; a5 N1 y6 D0 ?    object.filters.alpha.opacity+=direction*delta;: J. s1 w- E' U/ J- w; X, m
    if (object.filters.alpha.opacity != destOp){2 g: B# g9 u% l0 I$ h2 L% ]& t
        nereidFadeObjects[object.sourceIndex]=object;" n( Z( R! x. E6 u+ [  q, O
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);3 d3 }! m2 d; k* F& T, j1 B0 _
    }0 @) v6 x7 w* u! W, k
}5 m' }9 `/ U6 }1 j# J1 f
// -- End of JavaScript Code -->, c; B& w4 }, H$ c
</script>
. J+ ]: Q: `9 u) K/ ? //修改下面的图像地址和大小/ C+ E) S' K8 X+ L* W
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>6 y. A) [) A3 ], a- n7 s1 f
        <TBODY>
1 \8 ]) f$ a3 F' \3 r8 V$ C        <TR align=middle>
( L1 ~7 ~$ B5 F& ]1 l          <TD background=files/index_dreamweaver2.gif 6 @0 K  B$ J" x* H& [. k
          height=60 width=60><A
( x3 N" Z: c% |            href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( W% {0 }2 L7 V; ~" J1 Q
            alt="Dreamweaver 资源" border=0 height=60 " c! M* h0 V1 ~0 n0 u  W
            onmouseout=nereidFade(this,01,7,5) * i+ V8 Y1 Y3 T# t0 x
            onmouseover=nereidFade(this,100,5,7)
" G2 M! {) l2 g            src="files/index_dreamweaver.gif"
1 `: }4 M- c2 M1 n7 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)"
; d/ c) D5 p' O0 \            width=60></A></TD>
$ `0 m3 S) N$ {7 G( G2 n9 R          <TD background=files/index_fireworks2.gif height=60 $ Q7 u2 l) g5 ~* N0 H
          width=60><A
: I/ O& a* F% q0 E. v! z            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 7 D3 y! q( g2 J9 @
            alt="Fireworks 资源" border=0 height=60
* V7 ~$ `/ E* n, W3 w; T( [            onmouseout=nereidFade(this,01,7,5) . L6 x9 L0 R' q. W( Z: ^7 k
            onmouseover=nereidFade(this,100,5,7) - B' f' i& M/ b+ a1 b7 s
            src="files/index_fireworks.gif"
; \- n4 }( _  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)" ( }& x" j7 j; X9 B
            width=60></A></TD>% g; @1 o$ x( Q' r; [
          <TD background=files/index_flash2.gif height=60 & M! \& Y/ e$ V! R" ^" W  ?1 U
          width=60><A
( r( P, B& Y; p            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
5 J+ ]/ p. `& }  \            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
% l  z5 Y4 g4 E0 a% v4 t' i- w            onmouseover=nereidFade(this,100,5,7) 8 C# L# O# M( }; R
            src="files/index_flash.gif"
+ _) Y( J! h+ z% {: ~# J7 _" 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)"
* V3 o4 [/ M3 ^0 i! }* [            width=60></A></TD>
% o4 p* B+ h6 k0 J+ H7 C& e  x          <TD background=files/index_photoshop2.gif height=60
$ z  U. |  I; ?5 Z9 O7 V- }          width=60><A
9 o& t" W5 Y% Q0 i            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 C2 r& v+ w$ p4 M$ c3 N3 A3 ?            alt="Photoshop 资源" border=0 height=60 4 r7 S, d6 b! P  ^6 ^, ~
            onmouseout=nereidFade(this,01,7,5)
/ ]) C. b% q8 N( j1 u5 {            onmouseover=nereidFade(this,100,5,7) 3 x' Y) a$ O! r
            src="files/index_photoshop.gif"
/ n8 b1 Q( I" ~$ D* J0 ]5 I/ u+ c8 S4 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)" 1 T/ l! G3 u" L; C  d
            width=60></A></TD>, W. A0 D, @0 R
        </TR></TBODY></TABLE>