|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>- T; @; W7 E8 L2 p) M
<!-- Beginning of JavaScript Code -------------------: d7 V0 J' P' ^. o
: v/ s3 X4 `" f; a2 |' @5 XnereidFadeObjects = new Object();
# m" N. y; a y3 y% d& QnereidFadeTimers = new Object();
6 g6 x. `) g7 ~; B2 @# Vfunction nereidFade(object, destOp, rate, delta){
$ F3 U7 D- F: B$ sif (!document.all)
, P2 m) u. J: _0 s, C5 M' Greturn( A) j& {; T8 m3 U
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
! ^- z! n8 @, f( H* f& T return;! o! }" k4 o, x
}- Q4 U& B* Q; s* f* p' E
clearTimeout(nereidFadeTimers[object.sourceIndex]);9 r5 A/ M+ {4 z1 S4 J2 R: l) ?
diff = destOp-object.filters.alpha.opacity;8 o4 c$ o8 e0 ~ b* M/ @
direction = 1;
2 X1 n8 K; r4 @1 l& D if (object.filters.alpha.opacity > destOp){5 P5 z5 E' J8 [9 g- N& |
direction = -1;
$ d; f0 i. C# u8 t3 E/ z4 Y }( S# ]( d- N! Y3 s' I! T/ P' {/ c
delta=Math.min(direction*diff,delta);
0 \ {0 L% S7 h8 u& {; b8 s. u0 H5 S object.filters.alpha.opacity+=direction*delta;% o f( e' ]/ J1 K n0 T5 {5 i& E
if (object.filters.alpha.opacity != destOp){
, p u" j2 y3 v) K$ Q7 g nereidFadeObjects[object.sourceIndex]=object;3 D/ ~. f% ] ` e* Y5 @
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
7 b% q+ k/ @% a }
$ {. X2 ?- S9 w, s6 a}' K( ~' U Z# F- W! t# L, x* }
// -- End of JavaScript Code -->* I$ M* Q6 K8 r& Q. v9 d
</script>
3 V( K7 K3 w/ P; Z3 \ //修改下面的图像地址和大小
0 a0 u; c' W5 ?. B& q% c& n. J<TABLE align=center border=0 cellPadding=0 cellSpacing=1>7 z& n; w0 U3 h6 j. }6 U9 {
<TBODY>
. S, m4 L2 N, I8 i- ~6 A5 R <TR align=middle>+ u8 U1 X2 C& Z. C
<TD background=files/index_dreamweaver2.gif + i$ u% U& K" u3 L5 q% I [4 X1 S
height=60 width=60><A
: u+ v( |/ r# R: w2 N. p$ a8 K href="http://www.hooji.com/java/display.asp?id=542#"><IMG
* D, f, F, U8 {; k* v alt="Dreamweaver 资源" border=0 height=60 # x# }% s1 b6 H) O. S6 S. m; i
onmouseout=nereidFade(this,01,7,5) / y: u! f. S. p0 @5 {
onmouseover=nereidFade(this,100,5,7) - O1 @5 i, K' J2 R" @
src="files/index_dreamweaver.gif" 4 S8 G2 i$ T$ L9 U! l! d9 y
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)" ) @& _& o A8 Y" m) p% k
width=60></A></TD>+ t0 k- j8 F. {! ^. w
<TD background=files/index_fireworks2.gif height=60
( g- {! }1 L& N. y8 b5 ] width=60><A
4 _, _+ A5 i% K% {" k href="http://www.hooji.com/java/display.asp?id=542#"><IMG % Y# ^" [8 k) j4 e& T# [
alt="Fireworks 资源" border=0 height=60 # g7 D' ? _7 \$ r3 o& C
onmouseout=nereidFade(this,01,7,5)
3 |/ l0 Z& j# P3 x7 p onmouseover=nereidFade(this,100,5,7) 7 B' o9 T& Y$ N2 I0 Y
src="files/index_fireworks.gif"
* R+ R, M' j, o5 y; g/ R 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 E1 Q9 p/ Q8 G9 u width=60></A></TD>
O6 n( B) S1 u <TD background=files/index_flash2.gif height=60 % I. @; m2 @0 m I2 `
width=60><A
: ]7 W! _8 ^' a" V href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
, ?- ~7 C8 G3 E- h alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 2 f. |( m, E Z1 ]" X
onmouseover=nereidFade(this,100,5,7)
6 ^1 @0 W4 {) T; R src="files/index_flash.gif" & U' u! p) n% H4 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)"
+ b9 A0 i3 k, y' ^, u width=60></A></TD>, Z" a) q* S- ~; T8 l
<TD background=files/index_photoshop2.gif height=60
! C$ H( j9 r! O2 {( z7 a5 {8 ^ width=60><A
J3 Z7 X" ?" G2 M8 s1 H, F0 i href="http://www.hooji.com/java/display.asp?id=542#"><IMG & h/ F8 Y3 {* S
alt="Photoshop 资源" border=0 height=60
P( h6 C( m6 H& _ onmouseout=nereidFade(this,01,7,5)
0 K% i: M- K" n( K3 r5 s- t. U onmouseover=nereidFade(this,100,5,7) 4 b) X! J* o" h( z7 o" D; _, h
src="files/index_photoshop.gif"
% z- R6 k# Q7 ]; f6 w k 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)"
$ O) F5 }0 e( {7 F; W0 S width=60></A></TD>* x* Q% z2 d" a4 j, |. c1 C; q
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|