|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript> T& U8 S6 p# G! V G
<!-- Beginning of JavaScript Code -------------------" S8 N$ G# U( ]! x! X" Y
0 F. q6 c2 z/ }7 Z/ M! ^7 }+ UnereidFadeObjects = new Object();8 [4 d! |9 K# E$ K. v! s
nereidFadeTimers = new Object();
* A2 I% y( o# G2 p/ M+ Yfunction nereidFade(object, destOp, rate, delta){
& k1 K9 Z/ y2 n# h4 eif (!document.all)' S6 W5 r6 b/ G6 `) T4 Y
return
, b5 m' y9 n$ c5 r if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
. G0 j) Z$ k( S! _5 b5 Z return;+ _1 Y ?9 N0 D' u
}" k7 j. [6 V3 t
clearTimeout(nereidFadeTimers[object.sourceIndex]);9 E/ Y1 k$ O: }# m/ `9 Z
diff = destOp-object.filters.alpha.opacity;! Y4 G% @/ {7 }2 G$ d# J/ M) d
direction = 1;
2 v; K0 H8 o1 K" v; s1 A3 q if (object.filters.alpha.opacity > destOp){1 `, z5 @, X9 m; |; D- G
direction = -1;6 R0 J$ ^6 W6 p/ J2 G! R
}
7 k- S! }7 s$ s$ X- S( s delta=Math.min(direction*diff,delta);
1 d# J& J5 @4 Q: Z object.filters.alpha.opacity+=direction*delta;
: E# {9 D1 |# o, O if (object.filters.alpha.opacity != destOp){
! J" ~5 C- \9 }, d3 Z nereidFadeObjects[object.sourceIndex]=object;
# \. M3 ~) f$ C% t nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
, p4 ~, q9 L7 n, F. X }
- L6 U0 w( E! J}4 o. ~* |! q6 t' u" P- T6 _
// -- End of JavaScript Code -->) h% R# i3 e' }1 L2 v6 `) D I4 @
</script>
\! { I/ s; c: E //修改下面的图像地址和大小
/ @: S6 C; z/ \1 ?/ r; l/ p* x r<TABLE align=center border=0 cellPadding=0 cellSpacing=1>3 h0 q+ Y/ K- \ K+ k i
<TBODY>) Z5 o7 Z$ f2 L+ S( \$ N
<TR align=middle>
) n7 e: z' U R( }0 A$ j5 m <TD background=files/index_dreamweaver2.gif 4 E2 l, h! t! Y
height=60 width=60><A
- O2 x- q2 C: l) ^% v# ? href="http://www.hooji.com/java/display.asp?id=542#"><IMG
g- C% M0 b4 f$ b6 w {; I5 O alt="Dreamweaver 资源" border=0 height=60
* }2 V* j, r8 z1 c& i& B- K onmouseout=nereidFade(this,01,7,5) 0 Y3 J7 |9 Z* J6 v! \, P
onmouseover=nereidFade(this,100,5,7) 6 s9 ?( V0 Y A0 W/ ?' J+ b E$ k: N
src="files/index_dreamweaver.gif" : c- m% I- J+ L, P- @2 C9 ~! n
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)"
+ {9 V# w [( t& S; k1 F width=60></A></TD>
2 `8 @# j2 D! [6 F$ J <TD background=files/index_fireworks2.gif height=60
/ }, b# m* b$ O" V9 b! b8 U width=60><A
4 t+ m( Z+ k2 Z5 ?! ?. Z1 x8 ?; f href="http://www.hooji.com/java/display.asp?id=542#"><IMG : y( d8 Q# Y! w) Q7 Q. P1 J
alt="Fireworks 资源" border=0 height=60
% C# e/ D; i$ \' m onmouseout=nereidFade(this,01,7,5) # P$ H1 y& k+ i3 m0 ^1 W! ^
onmouseover=nereidFade(this,100,5,7)
7 |, F! X! }" ^" p: p: w5 s% O src="files/index_fireworks.gif"
/ \! A5 U, O- j3 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)" ) }& _) {& \* ^* J$ \1 l
width=60></A></TD>
# @' ^) K* j$ k, v. k4 w- S/ G/ u <TD background=files/index_flash2.gif height=60 / Z; X+ M) o! e5 }
width=60><A
* c, \) v* Q* A$ H; w8 Z! k2 q href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 2 P# u( M& m w( B
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 0 O5 H3 }4 a: l
onmouseover=nereidFade(this,100,5,7)
9 b7 O) V8 @! K, z- o0 O src="files/index_flash.gif" ; Y/ G; P) {; i: t
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)" + E( `( S) A- }$ g6 y* M+ v
width=60></A></TD>
. h1 ?9 O3 m" D. @+ e; a <TD background=files/index_photoshop2.gif height=60 $ {; K9 l X: t. y c. m+ j1 ]! n
width=60><A
* s- W1 C1 l8 I9 z& | href="http://www.hooji.com/java/display.asp?id=542#"><IMG % d$ m) K2 [% U ~3 h$ e
alt="Photoshop 资源" border=0 height=60
2 y7 w9 w% m: g, E- `! L onmouseout=nereidFade(this,01,7,5) * ]$ h X5 x1 c/ B
onmouseover=nereidFade(this,100,5,7) 0 w' L8 B! E" G
src="files/index_photoshop.gif"
6 h- V% L X: 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)"
! e& j5 A* ~0 p8 n3 r: ~: J6 n* }2 B width=60></A></TD>
! j4 s, t/ ^% k$ S! ^4 h4 N2 C </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|