网页之非常漂亮的图象效果
<script language=JavaScript>: N5 z' E; o. ], Z: Y. _) C
<!-- Beginning of JavaScript Code -------------------
8 e0 Q! z, d3 P6 t/ {( E7 `2 g$ S( V0 E
t& t! ?. W5 B( n' {% r+ Y0 y QnereidFadeObjects = new Object();1 R% Q. H, W6 V0 O* G. O1 m
nereidFadeTimers = new Object();* r' h+ _" e L4 x: Y7 i7 f0 }
function nereidFade(object, destOp, rate, delta){* m7 Y" Z3 ^4 q
if (!document.all)
" j, @3 H3 F( k* D0 w2 p$ H" wreturn, J% E( y9 B' Z% F% G$ ~
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
# N+ z, l& G: J return;1 R1 [5 n# c3 V: H7 X$ b. i+ h
}: [4 K* A4 {! e" J
clearTimeout(nereidFadeTimers[object.sourceIndex]);& A+ G$ ~7 K; ~, f- E9 z- Q2 _% _
diff = destOp-object.filters.alpha.opacity;
2 M3 H" j. _$ z- b1 ?; ^/ M' X direction = 1;
3 g/ s# }; `( D6 S( ^- S4 K if (object.filters.alpha.opacity > destOp){
& X1 L I& _+ ~ f+ G5 h0 g" N direction = -1;
0 F U8 ?" [, T$ G% Q. k }) l' K, J0 N+ {3 i. }
delta=Math.min(direction*diff,delta);, k/ e' s" `5 x$ k0 L6 k# N7 ` Y! e$ V
object.filters.alpha.opacity+=direction*delta;
5 D$ j* \& D; I2 t* P3 L if (object.filters.alpha.opacity != destOp){/ k, k' X g, J& g( D2 |
nereidFadeObjects[object.sourceIndex]=object;. r4 ~- |* W, n7 b9 u
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
* _& e# @; @( s8 P* I8 \1 Y }( n4 H9 U9 L: P$ x
}
' c) k3 x7 F7 N6 x7 \// -- End of JavaScript Code -->; n3 |) T7 g; k, W% N
</script>
! Q! L) ~. O, z% @ //修改下面的图像地址和大小
6 h; n/ z3 t% F% i& R0 E<TABLE align=center border=0 cellPadding=0 cellSpacing=1>6 d+ ]! }& b' o- B5 _
<TBODY># x2 m! u6 \" n) N
<TR align=middle>
) s1 a& N3 ?, ^ <TD background=files/index_dreamweaver2.gif
8 g8 C$ M4 ^. c. o( n* R height=60 width=60><A
& e; _" |8 x! |8 U; _- c* W href="http://www.hooji.com/java/display.asp?id=542#"><IMG
' J; I+ v6 h l alt="Dreamweaver 资源" border=0 height=60 8 M1 \$ j# p% X/ I
onmouseout=nereidFade(this,01,7,5)
+ ~ `9 E" u. C4 B. b onmouseover=nereidFade(this,100,5,7)
0 ~8 g; ^6 X1 Y8 p0 Q- u, Y src="files/index_dreamweaver.gif"
: w2 X: x6 @" w7 y9 X1 C# m: W! @" q 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)"
% A, H# k* |, T" J* u9 l. s! n width=60></A></TD>
( T0 h2 k5 M Y- K. r0 @ <TD background=files/index_fireworks2.gif height=60 % g$ I3 e* Z! L$ `$ J" A
width=60><A
9 Q* B. ]+ M; t7 H, x* m href="http://www.hooji.com/java/display.asp?id=542#"><IMG % X; P. w( j, q! e# m+ `
alt="Fireworks 资源" border=0 height=60
; _% r( d3 U+ ^ onmouseout=nereidFade(this,01,7,5) 3 @( E2 e* \$ |! v, U" X2 q( w
onmouseover=nereidFade(this,100,5,7)
0 N( \9 T5 ]( x; ~1 S' h src="files/index_fireworks.gif"
, c/ O- F; t: ]4 u* N" s6 o2 F q- u" U8 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)" & j+ e! ]. p) l% p, V5 N+ G
width=60></A></TD>' T) s# R5 X& |$ { _) d7 h d
<TD background=files/index_flash2.gif height=60
; I/ T6 l* H& T) D% [8 k6 Z4 t$ G width=60><A 7 b7 s: q' m- @( _6 h7 X$ e; f
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
2 z- n( a! v) [' X- o! i, j alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) % y9 S% L9 F! q
onmouseover=nereidFade(this,100,5,7) 0 W5 r9 f8 {8 F+ }. W
src="files/index_flash.gif"
% ^( t* U T9 @! i( g$ v# 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)" 8 \- r4 T9 p* Y+ T
width=60></A></TD> Q- @9 n3 G: ~
<TD background=files/index_photoshop2.gif height=60 $ d& R; S: \* q& a) x
width=60><A
: _3 C" y7 T! o$ N3 s8 u href="http://www.hooji.com/java/display.asp?id=542#"><IMG
/ e7 T7 T" x4 \1 t alt="Photoshop 资源" border=0 height=60 6 s! }+ j y k/ Q- G0 g
onmouseout=nereidFade(this,01,7,5) ( C S2 Q6 Z9 e& B( W
onmouseover=nereidFade(this,100,5,7)
0 R# E }/ C) f6 s src="files/index_photoshop.gif"
8 A* `' R8 u6 c8 B0 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)" 1 `; q( u( w6 f0 X
width=60></A></TD>
" h8 E' e* y6 w4 i2 q </TR></TBODY></TABLE>