|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
: P0 O D$ b9 @/ H6 w8 R. E9 f/ [<!-- Beginning of JavaScript Code -------------------% @% t' M2 U* q
, n' z5 ^6 W9 d7 i1 VnereidFadeObjects = new Object();- \9 s8 H& [+ S0 }$ T% {
nereidFadeTimers = new Object();
1 `! B! ~% ]1 f% j' K% S" xfunction nereidFade(object, destOp, rate, delta){
6 A/ D9 ]. a) L/ Q1 p" J- P' H5 Eif (!document.all)
, B6 c: R* c0 @7 Q) c0 g% I# `return
s! a( J$ A1 w& r( [$ o. p" T; u if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);6 V; h9 G0 z4 Y; }4 t8 P
return;0 f& L _, |+ ` ~
}
" ^) V2 L2 V* ^& w clearTimeout(nereidFadeTimers[object.sourceIndex]);9 i# D3 a! a+ F6 t& I' d
diff = destOp-object.filters.alpha.opacity;
- K' u3 a1 {5 U& [2 W direction = 1;
3 v# A* L% |: I. f8 b$ X; c+ C& j- K if (object.filters.alpha.opacity > destOp){3 P* v8 l0 Y, f: \; ^
direction = -1;; _, ^* ?$ p3 e. c6 F
}8 s: M5 X! [" Z6 C2 _$ K
delta=Math.min(direction*diff,delta);' k8 E1 q; ~/ W5 v& i# _! @
object.filters.alpha.opacity+=direction*delta;
" `' c/ ?! v5 u9 z" w if (object.filters.alpha.opacity != destOp){
) N# V5 i5 p& H! N5 [* D nereidFadeObjects[object.sourceIndex]=object;: U4 }+ b: m; o( j- X% N
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);4 |( E E9 f P7 I
}
1 ` ]4 t/ h0 v p* p}# {8 U% }/ m v6 C0 G. U
// -- End of JavaScript Code -->
/ j, G5 \" y0 J3 X$ s/ r</script>! U" N5 b! Z+ }
//修改下面的图像地址和大小
4 A, V: c0 `' Q0 Z5 ~2 d<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
: [0 R3 o' Y: y0 W <TBODY>
, {$ n/ X! o1 C/ T <TR align=middle>- l7 o) E S& M2 } V
<TD background=files/index_dreamweaver2.gif
' E1 R2 |/ z) I' N7 h height=60 width=60><A
4 I c0 N3 I8 J+ \# W; w+ N href="http://www.hooji.com/java/display.asp?id=542#"><IMG
" v! R' h8 i$ H* ?. h. q" f# H* Q alt="Dreamweaver 资源" border=0 height=60 4 h: C. g5 x, P1 d
onmouseout=nereidFade(this,01,7,5)
5 Z( `2 V3 h% j J3 ^! [ onmouseover=nereidFade(this,100,5,7) / v3 F Q/ z6 K* [5 D6 N9 e) B% l
src="files/index_dreamweaver.gif"
( m8 Z4 Q9 Q3 G7 [- c 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)"
# s" b- q1 E! q8 C0 |- j# b width=60></A></TD>: y3 m9 e# |5 a; z2 |1 @: N. N
<TD background=files/index_fireworks2.gif height=60 , W$ p) W2 q; X/ }( g' v
width=60><A ! n, I) B0 p" ]' d% e1 V, f5 q
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
, ?- \* X" Z) Y. R; l alt="Fireworks 资源" border=0 height=60 ( R% g7 Y1 f! w" w p7 P
onmouseout=nereidFade(this,01,7,5) 5 T! r1 w( n$ K6 V0 Q
onmouseover=nereidFade(this,100,5,7)
7 t) L7 h: c6 e* Q src="files/index_fireworks.gif" 3 j. P0 ^. L' f* f1 I+ K: 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)"
/ `, h8 k6 j+ k+ Z! s% G9 [9 h# [ width=60></A></TD>+ t% V1 z5 Z4 x u
<TD background=files/index_flash2.gif height=60 # U% `% ^8 u& a7 ^9 m ]
width=60><A 4 c8 f; P3 r: m% Z! y
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
& C! c. M- p2 |# h( m; d2 C alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
5 G3 @: E' j" S! j7 w# k onmouseover=nereidFade(this,100,5,7)
& P. Q- s# d( C% n ]& G4 V src="files/index_flash.gif"
' i* F$ g4 g: u- N. 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)" % {0 s* A% x7 `8 w+ t+ e
width=60></A></TD>
" g8 F( ?- e0 @ <TD background=files/index_photoshop2.gif height=60
+ d# `9 m- K$ I7 j3 B9 S width=60><A * n j# U* K$ T# W
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 2 p( N, K9 ~( f! G8 m8 H; S
alt="Photoshop 资源" border=0 height=60 p' b# I9 I d6 F
onmouseout=nereidFade(this,01,7,5) " _. O* _0 E6 S) E! Q9 W$ }
onmouseover=nereidFade(this,100,5,7)
/ \; e. J4 J! ^8 S& l, H8 F src="files/index_photoshop.gif"
2 v/ d4 p3 d5 R1 Y0 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)"
" T' \2 ^/ R7 M0 Y$ F width=60></A></TD>, y7 y0 j3 x0 t7 a+ i
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|