|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>9 ^2 G5 c s2 `1 B0 E9 @
<!-- Beginning of JavaScript Code -------------------
) N$ _# d: ]( w c6 ^2 q4 V* M
7 ^ d* H3 E* G5 jnereidFadeObjects = new Object();# G- ?9 P) t! b. G" z
nereidFadeTimers = new Object();) Y1 d. e' h3 v. k+ F2 X% p. v8 ?
function nereidFade(object, destOp, rate, delta){
: W; B3 r+ s" O/ c: y. dif (!document.all)8 ^ L& b1 X0 x
return2 A4 C4 t1 b7 H l% ?: m
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
, v6 E3 B* n0 T& h2 O3 X return;
$ Y% @# E$ E+ ?! `. J }
( j$ l, U$ B$ v W+ d1 k: [ clearTimeout(nereidFadeTimers[object.sourceIndex]);: D6 \0 y' i. z/ c
diff = destOp-object.filters.alpha.opacity; p0 [; i" G2 U% i$ ], Z
direction = 1;
' J# K3 H' N) \) F& R6 W0 A$ s if (object.filters.alpha.opacity > destOp){( Y+ r& B9 z& G% i6 x+ J
direction = -1;! e. A8 A& t5 J ]2 T& @! @7 x
}
. G$ u1 f3 ?9 H) X: W2 G delta=Math.min(direction*diff,delta);3 [; B: r; M; q) n/ p2 Y' u
object.filters.alpha.opacity+=direction*delta;0 X3 ~0 ]' g% K. T2 i& s4 u3 Z
if (object.filters.alpha.opacity != destOp){
5 m$ S1 e3 v8 s. B nereidFadeObjects[object.sourceIndex]=object;
- q" @) W0 S5 Q( N. N( z+ P nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);- c7 A3 P v5 k/ M! E
}8 N) d; {1 y4 c# r
}
- i( D/ W2 _7 `- E9 Z* @3 o5 {- Z" \// -- End of JavaScript Code -->% C4 [9 g4 c' G1 H4 v5 c* u
</script>- m& v( V& @5 y9 _
//修改下面的图像地址和大小& ]2 v* A3 y( s8 X6 c1 w8 |0 j
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
9 K; r( M) P' G5 C( A7 v <TBODY>
+ g. N: n- o( Y* ^5 P <TR align=middle>& ?' |2 Z! ]$ e% o, P% C
<TD background=files/index_dreamweaver2.gif
& n6 H+ c1 I, o: B height=60 width=60><A
+ v/ ]7 _& X# c" E2 l8 ^, z href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; \ M. l; R7 @/ c; t1 y! i alt="Dreamweaver 资源" border=0 height=60 & ?1 k* w1 g% x* K( G
onmouseout=nereidFade(this,01,7,5)
& U4 g& H0 V7 }: O onmouseover=nereidFade(this,100,5,7)
; U0 i z) p9 K9 p( _$ I% l) E src="files/index_dreamweaver.gif"
9 G y f1 O/ F, h& B5 S F 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)"
: H. R' v' A( M+ c! H7 `' |3 Z, C width=60></A></TD>0 o1 A1 j, B8 }& [
<TD background=files/index_fireworks2.gif height=60 ( k: y5 H( g9 O Q
width=60><A
+ O5 [, `* I' e* R0 ^9 z1 @# G6 L href="http://www.hooji.com/java/display.asp?id=542#"><IMG
( i8 K# i+ { O' v b alt="Fireworks 资源" border=0 height=60
3 F, n$ I G# ~& {2 v' w+ u0 ^ onmouseout=nereidFade(this,01,7,5) ) \5 O1 D6 Z) A6 W7 x0 N
onmouseover=nereidFade(this,100,5,7) ' F l/ Q% U$ V$ @' s1 \
src="files/index_fireworks.gif"
. T7 Q- @+ g/ Y: A/ i, D& N' k% u 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)" 2 T! F5 ^* g, m- Y9 g
width=60></A></TD>
3 m4 n6 `% G. n& g7 a1 G' h- T <TD background=files/index_flash2.gif height=60
7 Z" {$ D1 }# I width=60><A 5 `5 Q5 g8 \- i) o' C: l9 C! ]" X; ?
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ! x. h4 T! {: k% t
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) * |) [3 j4 N0 Z, ]# J% e
onmouseover=nereidFade(this,100,5,7) - D. k% Q0 v0 J' D7 D9 H+ ? N
src="files/index_flash.gif"
( p0 ~. f2 i4 X- Q2 R% u 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( g9 ~, B: s4 P) {% @ width=60></A></TD>
2 X9 h; j w) R- ?8 u4 @ <TD background=files/index_photoshop2.gif height=60 $ o/ Z1 ~ Q7 p2 ^
width=60><A
9 N# x4 F6 j+ x* ` href="http://www.hooji.com/java/display.asp?id=542#"><IMG
% b" |% _/ @5 Q5 \& h8 u alt="Photoshop 资源" border=0 height=60 ) Z; }( r; y X, `% z
onmouseout=nereidFade(this,01,7,5) 6 I& O$ G( B P; S/ X, _
onmouseover=nereidFade(this,100,5,7) % v, b8 s4 m7 C% i U9 S
src="files/index_photoshop.gif" & c4 c& E, K" A5 p1 p+ p# R: A
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)"
: c2 S3 i. s4 e$ }$ T width=60></A></TD>
, T! _0 ~ a0 Z; F </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|