|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>; Q) _: f( v* C* h
<!-- Beginning of JavaScript Code -------------------
! r7 m8 P& n; ~. G8 u4 d* \- v
6 U8 ?) H- k2 XnereidFadeObjects = new Object();% b2 f7 l- p) G4 E* f3 Z+ F- s8 I
nereidFadeTimers = new Object();
& m B5 R B0 m+ L2 K8 ffunction nereidFade(object, destOp, rate, delta){5 h2 \3 X* D0 }) P. Z
if (!document.all)- z5 ?: e: J. J& [# {& O; J) b! B
return
- I% v) J6 [# { if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
- |& r7 j6 |! P: b w, J return; F: Z. f& k' c# o% j4 N+ ]
}
, H0 T+ N; x6 } u clearTimeout(nereidFadeTimers[object.sourceIndex]);
4 ]3 @6 l" x2 G' G6 {% }; J' U diff = destOp-object.filters.alpha.opacity;7 B: [* H5 }8 @0 B
direction = 1;
+ W9 h1 _' W6 s. o& Y+ I4 F if (object.filters.alpha.opacity > destOp){* @- c+ j$ ^9 O2 O* x
direction = -1;2 {) ~& u" i1 s R2 F) Q* x$ ]
}
; B3 e! K& C8 t7 w; D delta=Math.min(direction*diff,delta);
- }( ?! p7 h, l& R9 w2 [/ | object.filters.alpha.opacity+=direction*delta;
. }. {, t, H. t+ \ if (object.filters.alpha.opacity != destOp){* R( w2 F4 E. m- c3 S
nereidFadeObjects[object.sourceIndex]=object;
) J# x4 N; ~+ l4 B/ a nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
9 W, r. s( k. K6 Z6 R4 B }9 c, q2 m3 d# q9 e8 H
}
+ P- @) C# e/ g, I4 n7 h% [// -- End of JavaScript Code -->
, M+ |# N" H( ~</script>, s, f" U% _: I8 f
//修改下面的图像地址和大小; ~ T5 z3 @7 N. v
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
" u7 Y7 m( d( D9 s; x <TBODY>+ B9 c. S5 i. \2 z7 P& l
<TR align=middle>; N- _( ~/ @1 e! h, A
<TD background=files/index_dreamweaver2.gif
; ~ i: z9 O" k* I# g height=60 width=60><A
1 G' ?1 i# ?9 ]; A# Q5 k6 J& V( c! _9 N href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- n" c; X! g" O' l1 W alt="Dreamweaver 资源" border=0 height=60
/ G2 W) P, A$ D$ c- W* M; U2 f onmouseout=nereidFade(this,01,7,5)
7 l' i5 {1 I* [8 }5 ]' v onmouseover=nereidFade(this,100,5,7)
! S& c& V( Y4 Z7 i# ~& [ src="files/index_dreamweaver.gif" 9 L5 T7 ~% }3 x9 F8 N: 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)"
. s8 f* G k% c0 ^, z8 x width=60></A></TD>6 v, @# D5 W3 d0 @
<TD background=files/index_fireworks2.gif height=60
$ p4 B& L: @, C4 L, ^ width=60><A
: t( `6 Y/ L* k/ X/ \ href="http://www.hooji.com/java/display.asp?id=542#"><IMG + K6 n3 ^3 j0 E. ]4 L+ `4 |
alt="Fireworks 资源" border=0 height=60 2 ~! c2 a6 d$ k3 b* o3 Q
onmouseout=nereidFade(this,01,7,5)
/ I! n) l. Q6 ]& B onmouseover=nereidFade(this,100,5,7)
+ r- T* U/ U9 x0 H) `6 R0 Q6 Q src="files/index_fireworks.gif"
# u4 n2 G7 L, q F" M/ w4 M 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)"
) X1 g: \* {6 K! N1 A width=60></A></TD>
9 B- _1 l5 z% S- I" V }# z$ | <TD background=files/index_flash2.gif height=60
# o6 r, p" [. T* q/ j0 W# G8 c width=60><A * n J# p) n. j
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 0 N5 R- `! }4 x. V7 D8 L
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
" \/ R1 e" t. |) H2 C: i7 N onmouseover=nereidFade(this,100,5,7) 5 k6 v+ w$ D9 d" b7 a: p1 [$ }& X
src="files/index_flash.gif"
& i( j. R9 E5 B& @ 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)"
' N; Z# b7 A1 \ x width=60></A></TD>
; y; ?- B) |% G7 W <TD background=files/index_photoshop2.gif height=60 3 K, i) N# w9 m+ ^) K8 }) W5 O
width=60><A
5 ?: v: P& |, A) f6 ^7 n href="http://www.hooji.com/java/display.asp?id=542#"><IMG
# Z$ s8 i5 B( M alt="Photoshop 资源" border=0 height=60 $ o' ^( \) A2 Q/ s- u
onmouseout=nereidFade(this,01,7,5)
3 T% i. ^* B5 P& J% L onmouseover=nereidFade(this,100,5,7) ! W: X9 d. s) n! F
src="files/index_photoshop.gif" 4 T- ~2 ~6 }3 p, Q1 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)"
6 \/ n& u! Y, b* q width=60></A></TD>
- \ ^7 \( u' c" g% w$ l </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|