|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
8 m/ r0 ]9 i4 U! V0 t* d<!-- Beginning of JavaScript Code -------------------) Y# {5 C" [0 I8 |' w$ R
0 v+ i4 p2 K( x1 M! o/ S, CnereidFadeObjects = new Object();
, m1 H6 q: D7 e9 \, l [nereidFadeTimers = new Object();+ N: q. E$ j& p0 U
function nereidFade(object, destOp, rate, delta){; d( a7 s' J( S: i6 j- P& M
if (!document.all)
- X; _. I3 q4 b/ ]# Treturn/ C8 R; o4 {) Y: N
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
8 D: W5 N: d0 _5 N/ }1 X0 a return;, A+ g: J+ ~. O' {" g2 ?! f
}: Y! M3 r) v0 j: l; V9 y
clearTimeout(nereidFadeTimers[object.sourceIndex]);9 U, \' N( B! o& F+ Q) q7 @ R; t7 H
diff = destOp-object.filters.alpha.opacity;9 N, K1 }- F j
direction = 1;2 J& z2 W/ n( \0 G( m, P: C) l
if (object.filters.alpha.opacity > destOp){
- ]0 p. O! {3 s4 m4 X direction = -1;
1 j8 |5 j" L# ^8 O' p }
. t$ m1 x7 I3 L5 I2 j9 { delta=Math.min(direction*diff,delta);
& j2 G1 F& g H* y8 b; R; _ object.filters.alpha.opacity+=direction*delta;$ H3 _1 T+ g9 u' L2 x- ^
if (object.filters.alpha.opacity != destOp){
% Q/ a8 c2 _( t/ ` nereidFadeObjects[object.sourceIndex]=object;
- b) W) Y# Z" p! O9 z nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
& t3 g; `9 O. |1 H }/ D+ w0 l3 `" i, L1 s5 N
}
- t+ u' T2 x4 j7 D+ W// -- End of JavaScript Code -->$ X5 }! V8 n/ t
</script>: X. `; ]7 z+ M7 T
//修改下面的图像地址和大小, P. l& J* k0 [9 k) ?: B) i
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
" |8 n/ L P* A <TBODY>
& G3 Y0 k' E" @ <TR align=middle>0 G5 v9 ~* Q. F0 d4 U
<TD background=files/index_dreamweaver2.gif q" d) @( N) \/ r" t1 F
height=60 width=60><A ) g! X5 p- j7 J6 [! A& _
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. s$ s" w6 _ t2 Q* P alt="Dreamweaver 资源" border=0 height=60 % p$ x8 T" S% E) Q0 d% m
onmouseout=nereidFade(this,01,7,5) ! k6 Q1 n4 M( J
onmouseover=nereidFade(this,100,5,7) i6 a- L* F: o# S" a& v% l4 f) _
src="files/index_dreamweaver.gif"
/ g/ [# ?; c& i 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)"
" A6 d& J) R0 `* r. i0 b) P8 }: I: k width=60></A></TD>, K U2 m- t$ T
<TD background=files/index_fireworks2.gif height=60
7 I" L l0 L. O width=60><A
" C7 d9 i; W2 Z7 U/ G+ U href="http://www.hooji.com/java/display.asp?id=542#"><IMG 0 n, `+ L5 Z: j% j1 U
alt="Fireworks 资源" border=0 height=60
/ A5 l( H3 d& x( K# L# r onmouseout=nereidFade(this,01,7,5)
m5 r* G+ ?& w; Y9 V onmouseover=nereidFade(this,100,5,7)
" j( O1 }2 H7 M( S9 o. A0 T src="files/index_fireworks.gif"
! F R* X% U$ a: Z4 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)" ( ^% h6 T( w) L' l; e) ^$ `4 G
width=60></A></TD>" j- ], N+ R' z3 j6 E
<TD background=files/index_flash2.gif height=60
" M, B! b9 h. Z# Q; f% V/ } width=60><A 3 e$ [2 V9 K+ i. l; h0 f7 g, y6 r
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
% S8 |8 ]( R7 { alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) + R' [4 ~- e# e5 r( K& j: c
onmouseover=nereidFade(this,100,5,7) - u* Q! ~" d* g2 f3 s5 F
src="files/index_flash.gif"
& S; Z( {9 A" [: K W 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# l6 Z) U; G/ I9 R
width=60></A></TD>8 R+ {5 j# D! w" u) r" J
<TD background=files/index_photoshop2.gif height=60
8 X! c1 ?/ S6 W5 q0 N! T width=60><A $ E( o8 `- k6 r* C) `- s
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
4 Y3 _1 V) @; S alt="Photoshop 资源" border=0 height=60
! [" v# N2 a! Q. N* m9 O2 ~. B onmouseout=nereidFade(this,01,7,5)
+ @4 m; q/ E0 y) t/ }# h onmouseover=nereidFade(this,100,5,7) 3 ~+ ?2 J% `+ o; }
src="files/index_photoshop.gif" ! |! a5 D% a, D" d* w
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)" % X$ _/ [6 P- H1 _/ J+ K
width=60></A></TD>5 A; T+ s, G. [: W O+ i
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|