|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>; W" S4 z& e# [( E7 `
<!-- Beginning of JavaScript Code -------------------# K9 U& v7 y, C$ e. ^6 G! C
, [! }, R2 m: X6 k jnereidFadeObjects = new Object();
2 t. K( t( l4 UnereidFadeTimers = new Object();
' ?, ~ P, g9 b& |5 j. ^- Y0 @function nereidFade(object, destOp, rate, delta){5 j* L8 y! Y4 z5 {& c7 Z3 O
if (!document.all)
# |, }2 y2 E F. ~5 i0 Y- hreturn# R. y Y& P0 g, ^) i' _. s
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);7 }: m/ c% ?/ `+ X/ N$ r
return;
, M6 V3 @" d) w! v2 \- F2 V7 }( z }; Y# r0 j$ ^: A" X; |
clearTimeout(nereidFadeTimers[object.sourceIndex]);6 A0 G n& Y8 w$ w0 @* i S
diff = destOp-object.filters.alpha.opacity;3 c5 s; x4 k; Y# j
direction = 1;
5 n/ G( W0 K7 }/ N) J- b3 H if (object.filters.alpha.opacity > destOp){
9 x$ r2 J( q# o/ G6 h direction = -1;1 b% G& s# Y% {( ^: D: S
}; O6 G2 K' W. L/ N1 K/ G
delta=Math.min(direction*diff,delta);
3 B( w' N# P$ |( T, p0 W object.filters.alpha.opacity+=direction*delta;
: l+ K; r; t! R if (object.filters.alpha.opacity != destOp){
9 x3 `8 ]0 y0 J' c; ]- E0 s4 t nereidFadeObjects[object.sourceIndex]=object;! c; a. N% W4 ?
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
3 d* D5 J) z1 J" w# X$ d }) ]! q* [/ d# I
}
$ s0 m* H. G9 ]* i$ b// -- End of JavaScript Code --># }$ N1 [6 V- a1 Y
</script>' R/ `* e) Z% m! r, ` h* G9 I n
//修改下面的图像地址和大小
% r5 G( U2 Y0 j" q4 l z<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
3 ]9 D P$ I5 @4 I <TBODY>
- B; @; t) ?! | <TR align=middle># u9 T( {" @) Q, j! z1 G& K5 u
<TD background=files/index_dreamweaver2.gif , b/ _8 ^) l6 r5 Q* z# q9 _( G
height=60 width=60><A
+ n( a- t; c/ L9 p4 Q& t href="http://www.hooji.com/java/display.asp?id=542#"><IMG
8 R0 k1 ]3 \/ v+ Y3 M" n alt="Dreamweaver 资源" border=0 height=60 " r4 a4 ~, \: d
onmouseout=nereidFade(this,01,7,5) : t, S1 b* ]6 w$ z
onmouseover=nereidFade(this,100,5,7) $ W0 Y( a/ t) _9 U9 P; r
src="files/index_dreamweaver.gif" ( C) l2 @: o; A+ k' y* j1 s0 X4 D h
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 F3 q8 ~( E i4 | width=60></A></TD>- x4 m% S' {, x: n
<TD background=files/index_fireworks2.gif height=60
2 L5 [) v. Z2 z width=60><A
7 Z$ h3 Y1 x' ^8 H" [: V href="http://www.hooji.com/java/display.asp?id=542#"><IMG
% b) p+ b" r) \/ U: V" z alt="Fireworks 资源" border=0 height=60
& O& }: i3 e+ g# e2 [8 b onmouseout=nereidFade(this,01,7,5)
H D3 J5 }3 G) [) x( G onmouseover=nereidFade(this,100,5,7) ' J4 R, n! z) R, B; J$ G5 Z
src="files/index_fireworks.gif"
; i4 U) o6 k. I3 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)"
5 y$ h" a3 Z! ^& \ width=60></A></TD>
% A& i2 @ S& T+ O6 p+ M: V6 g <TD background=files/index_flash2.gif height=60 6 W# R4 X. _' P( n& f) g6 L5 V
width=60><A 9 W c: v4 q7 p b8 L
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG + W1 P' F. y* }( R$ Z
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) / w( q. c/ X5 ^! ~7 |+ g& ]
onmouseover=nereidFade(this,100,5,7)
& x+ Y+ v# ~0 h src="files/index_flash.gif" 4 h, x( Y- 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)" : {8 @7 K: _6 L7 T. C8 n
width=60></A></TD>
9 w2 k+ @- A! p' v9 \8 y2 ^ <TD background=files/index_photoshop2.gif height=60 + }: [6 _5 ^- e/ R( h+ C' k
width=60><A
6 J+ @' G8 }% A, i href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: l3 s! D9 `" _- ]) v) e alt="Photoshop 资源" border=0 height=60
/ I# ~+ n. Z+ r; X/ v onmouseout=nereidFade(this,01,7,5) & F" \6 D Z0 X% q0 F/ Z
onmouseover=nereidFade(this,100,5,7) 6 H3 f6 @ U" Q# P3 M( X7 l4 ?0 W
src="files/index_photoshop.gif"
1 y# D6 @' q& e6 p& c6 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)"
& o: y' W1 H& x# d g$ \! ^- e$ } width=60></A></TD>* m! U7 v( N) |0 t" i
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|