|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>5 `" s* f" P* p4 S& B. b
<!-- Beginning of JavaScript Code -------------------% e% p* a2 g7 ^) J- `
, q! M5 [5 f$ T3 ]6 p" `4 A! p8 xnereidFadeObjects = new Object();
& @, @3 R6 L2 x4 ?" \5 lnereidFadeTimers = new Object(); Y8 T# ~, Z' ]% Z3 \/ _
function nereidFade(object, destOp, rate, delta){
/ L( x3 S5 i# ?0 lif (!document.all)7 N1 t4 j U. g2 I
return+ n, P* P7 B( ~5 P; p" a
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
' Y9 ^( n& _/ e M& A return; m( A! ~6 K$ J7 U* l: N
}9 z" W$ j: S+ E& v# g+ Z
clearTimeout(nereidFadeTimers[object.sourceIndex]);9 L$ ~" F' c% G% E5 I3 m
diff = destOp-object.filters.alpha.opacity;
4 ?( T% T3 X0 f8 g) _9 t direction = 1;
, n: c q2 O2 P7 a- a7 b7 J if (object.filters.alpha.opacity > destOp){
) w, P0 q" g" W Z1 K$ A4 G* n4 c direction = -1;
7 w4 J; k. D; S( P4 J ^) l1 O }8 w$ W o# J2 h" k6 E: w; r! q
delta=Math.min(direction*diff,delta);
# C9 d( j C! W w$ g object.filters.alpha.opacity+=direction*delta;" ^; p/ K$ A [' o6 h9 q b" T
if (object.filters.alpha.opacity != destOp){
* ~( O' {, s& Z- H9 w nereidFadeObjects[object.sourceIndex]=object;
' {$ V! B2 ]3 G% u" a; @ nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);5 {& L. U- N9 C& \- j) k
}
& {- F- U; a/ D" w0 C}0 T! X' E1 E1 g& v7 s: ^/ p
// -- End of JavaScript Code -->
$ N- ~5 Z% x) r% f1 X</script>) G8 w4 ?( T6 v0 b' U; N
//修改下面的图像地址和大小
% k, F' P1 O: x; {- j<TABLE align=center border=0 cellPadding=0 cellSpacing=1>7 r, t! _% A5 s1 _( a
<TBODY>7 ~0 Q$ q; m- X/ m( T2 o2 f8 f
<TR align=middle>
- c3 g, p! w& v3 a5 z- @ <TD background=files/index_dreamweaver2.gif
% h/ L3 B- m) A: _+ F5 c0 N height=60 width=60><A 8 l) l8 n8 @+ F: J3 s3 l( X2 v
href="http://www.hooji.com/java/display.asp?id=542#"><IMG - A: M0 s+ _) d# o
alt="Dreamweaver 资源" border=0 height=60 1 D1 q) P- s$ \4 N$ g; K" v" z
onmouseout=nereidFade(this,01,7,5)
) Z) E" Y+ Y: v j' P3 b onmouseover=nereidFade(this,100,5,7) l1 ^% }0 b) |) f; {) \
src="files/index_dreamweaver.gif"
" |/ z9 v& x. h5 Z7 w3 G! x. K 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)" 7 ^( a! t* @- F! n' S a
width=60></A></TD>
% s% y( Q4 A! ]' v( ^1 v <TD background=files/index_fireworks2.gif height=60
' J! H# [0 ~1 P( o. `+ d, m: F6 o width=60><A
! D6 W/ Q$ }4 o( ? _. I9 f# b href="http://www.hooji.com/java/display.asp?id=542#"><IMG
/ R6 _' g4 d. M0 \" h' Q& { alt="Fireworks 资源" border=0 height=60
+ O' C! z; R. B }" x onmouseout=nereidFade(this,01,7,5) . ]" ~* w a& q! A
onmouseover=nereidFade(this,100,5,7) * z, e6 e, ]2 d' s
src="files/index_fireworks.gif" & a& k. s( O8 {- u+ }% 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)" 8 U, a6 b/ v: Z, r' a: T3 H9 \$ h
width=60></A></TD>
' f) Z# A+ F' q" l5 K4 ` <TD background=files/index_flash2.gif height=60
6 B/ H2 ]4 Q' _ width=60><A " q) @; F/ z2 w d0 a+ o
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
" M! O4 |$ s# [# @2 Z* T alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
+ t) x. n, H k; b onmouseover=nereidFade(this,100,5,7) 3 {0 N# l+ h8 w' J+ e
src="files/index_flash.gif" , M* Q. C# Z& L7 T" 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)" % ]! A% @; N8 z B
width=60></A></TD>
) W$ `9 ]# E' o6 v <TD background=files/index_photoshop2.gif height=60
1 r/ N$ ^% y. l7 Y5 S6 A( Q width=60><A
0 m5 H* m) h9 D# D4 R: d1 r href="http://www.hooji.com/java/display.asp?id=542#"><IMG
" ]1 B9 A' P4 t1 g0 r7 t3 @ alt="Photoshop 资源" border=0 height=60 2 U! m2 k$ o1 |: a( ~) }
onmouseout=nereidFade(this,01,7,5) 0 r' p* y5 _, C! e
onmouseover=nereidFade(this,100,5,7)
2 f, G* f1 K: _5 f( A* h+ t: e src="files/index_photoshop.gif" % c+ A! s W* n
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" ^. F; K8 Z# B, x8 d width=60></A></TD>& t3 ?, p. \4 ~/ J/ w2 l
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|