|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
" @. j t# N! j1 r6 I M+ O<!-- Beginning of JavaScript Code -------------------
7 W, I. c9 o/ S. ]1 S! A M- o' W
3 I8 N6 X3 R+ H5 o( ZnereidFadeObjects = new Object();0 a" t6 x, y0 o
nereidFadeTimers = new Object();9 A$ v A/ i+ t
function nereidFade(object, destOp, rate, delta){( D( l! m+ S% B% A q7 P
if (!document.all); s2 e# [: e' Q, i
return4 E+ t* w g) \1 _
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
. X, N+ X7 T) D- i5 y8 s3 i- m, { return;
2 q( J1 ]5 g% B$ Q5 ^ }
" M! k3 o- y: }3 n clearTimeout(nereidFadeTimers[object.sourceIndex]);
6 ]4 o! H) s" m6 _! T8 @5 V diff = destOp-object.filters.alpha.opacity;
6 q* T% _7 C& j$ j) m direction = 1;) o5 O: X0 D0 o/ G$ a
if (object.filters.alpha.opacity > destOp){
$ I- @/ z. r) ^9 n( z direction = -1;# G( U) M1 A2 t2 I4 Y
}1 n: G! R0 o, k) D$ Y# H2 V
delta=Math.min(direction*diff,delta);) o: C. R/ H! ]4 X3 G
object.filters.alpha.opacity+=direction*delta;6 n# l- \% R4 t$ m5 `- p% z
if (object.filters.alpha.opacity != destOp){# N1 e0 ~3 i/ q$ B! t
nereidFadeObjects[object.sourceIndex]=object; S6 V4 P) ~4 x7 @2 J" N1 J2 j
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);* d3 q: [. {# H) }
}
r% U5 s9 I1 d( O% \5 I, E! Q}. [. O. h3 x2 W. U. q$ d# G
// -- End of JavaScript Code -->: ]2 q" G x) S. v. G+ Q
</script>
- b! P/ l0 c; v; F( v8 ^% a, Z& ] //修改下面的图像地址和大小
5 v5 p2 H$ y v: k2 k( V5 S0 U<TABLE align=center border=0 cellPadding=0 cellSpacing=1># k# I3 {- F7 L" z
<TBODY>
7 \( e7 z; s! x <TR align=middle>& Z% j3 E; Z' n, D7 f, P
<TD background=files/index_dreamweaver2.gif 7 N4 x; m$ X Z
height=60 width=60><A
; g: r( x' u6 M8 m$ j ?( K3 [ href="http://www.hooji.com/java/display.asp?id=542#"><IMG
1 `- X x. x6 c0 m alt="Dreamweaver 资源" border=0 height=60 9 _# J/ |+ h9 [, Z! F
onmouseout=nereidFade(this,01,7,5)
& y2 N2 {$ y4 V# e onmouseover=nereidFade(this,100,5,7)
- r6 I% X1 {& y8 ]8 {" j; M src="files/index_dreamweaver.gif" 3 Y# L/ w" F( 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)"
' G, n4 N7 G3 j. U( j9 E: O width=60></A></TD>
/ ], Q$ `) v) w <TD background=files/index_fireworks2.gif height=60 - ?; D( X, a8 y( f/ G. U
width=60><A ! H8 y* Z) Q% H+ l4 @. }
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 O) V# ` q" k, J3 d3 s alt="Fireworks 资源" border=0 height=60
) X% L8 ^. y; {2 W onmouseout=nereidFade(this,01,7,5) 1 I0 z$ ]4 C8 K" r6 M' a% l! Z
onmouseover=nereidFade(this,100,5,7)
9 h5 W2 @# O$ l3 {, r0 g. U src="files/index_fireworks.gif"
" f) t' I- o: d( F5 n# p 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 }$ b3 _3 \0 N- x9 g: M5 F1 w width=60></A></TD>+ W" _ z$ v' Q
<TD background=files/index_flash2.gif height=60
/ h0 K# p: s- S width=60><A
8 ], T5 e8 q% d- k8 I, {9 U href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
e9 V- w: T% b; l5 i+ N alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
" K; ^* S0 H1 B onmouseover=nereidFade(this,100,5,7) $ x' s5 g) h+ n9 E
src="files/index_flash.gif" , Q5 v' a2 c) N0 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)"
* B9 v- j. g8 V width=60></A></TD>
; x' L2 ~3 q5 j& {6 K. Z <TD background=files/index_photoshop2.gif height=60 , z6 C8 u8 R; [ m7 u+ e1 \) Y
width=60><A
1 a2 d4 N Q. Q G1 @9 q href="http://www.hooji.com/java/display.asp?id=542#"><IMG * t( C! B8 p& y5 c. [9 K
alt="Photoshop 资源" border=0 height=60
/ V# r- d5 u1 s! s; b9 M8 Z# Z R9 C onmouseout=nereidFade(this,01,7,5) " d" E" k, d" S! V- o& c
onmouseover=nereidFade(this,100,5,7)
; V& c( x; C7 n; | v$ p# K( o src="files/index_photoshop.gif"
( H3 f2 |1 R3 x! h: c" U* V 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)" : R. \9 ~ {6 D/ S+ n; S
width=60></A></TD>4 K8 P" o; q7 t! V- r% f
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|