|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
! G0 s+ W( f7 P& N/ a3 B: F5 u<!-- Beginning of JavaScript Code -------------------
" T$ h% G. {& L: Z& M( ~
: i0 O, x7 L* {3 @nereidFadeObjects = new Object();
5 Q* X3 Y! m- @/ W+ bnereidFadeTimers = new Object();3 C6 R) @9 J, r" v# T9 l0 x
function nereidFade(object, destOp, rate, delta){! n" F: w" l- A1 Z
if (!document.all)
\/ K7 }0 L3 Q: breturn$ R1 B& n: L2 r
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
" N+ ]% X- p5 r( N& z' \9 d return;
! a' L9 N9 v% P- k }7 k& D8 j1 h/ L. c5 l8 Z7 K
clearTimeout(nereidFadeTimers[object.sourceIndex]);
6 ^% g$ r6 E7 [- [7 i! N diff = destOp-object.filters.alpha.opacity;4 k! y- f3 c) f; x! n
direction = 1;
) a9 U: I/ A& U if (object.filters.alpha.opacity > destOp){
+ G( M7 `/ s1 h; Z& v direction = -1;4 w9 e, }7 e, f, i& h/ M
}
6 L$ Q$ h) `8 ~! o delta=Math.min(direction*diff,delta);$ N, y9 \7 W+ y0 j9 G" u4 X' i1 w1 V
object.filters.alpha.opacity+=direction*delta;
+ s# e; V, r2 q( T& e: a+ d if (object.filters.alpha.opacity != destOp){% K! D% U+ I7 N
nereidFadeObjects[object.sourceIndex]=object;
' c9 G/ v! R3 c# W7 n nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);1 B7 p3 E5 K0 p' {/ ^
}
6 S) l( b# |- m5 R& U7 o. s2 ?}) F- W2 T: }. ~, j
// -- End of JavaScript Code -->
$ {$ U# w F( v$ B</script>
4 ?7 D7 }% y |/ @# P //修改下面的图像地址和大小$ @+ W/ Q2 W9 P- x0 W0 E, `
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
' O' U1 C# ]; _$ O2 ? <TBODY>8 k& k* W: n4 s( l, n9 i7 V" Y& w
<TR align=middle>
$ Y5 }# q& X) x0 z& H4 X <TD background=files/index_dreamweaver2.gif
6 a( Z' v9 j: O- T: g/ K% L height=60 width=60><A 5 W! D5 ~& i8 Z" e
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( l7 ^: `( C4 @2 H) M |4 k
alt="Dreamweaver 资源" border=0 height=60 ( {2 Y# I) m0 ?! h% b7 D3 j. F
onmouseout=nereidFade(this,01,7,5) : p: g" {/ p* S8 X/ D
onmouseover=nereidFade(this,100,5,7) & [( C, m2 f, I4 O
src="files/index_dreamweaver.gif"
' C! A/ b4 t) X0 I# Q 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)"
# H1 w: J$ ]; }' d. e width=60></A></TD>
+ h3 v8 X6 S& `: h9 m <TD background=files/index_fireworks2.gif height=60 6 k$ C0 w! Q+ |. i, L! X
width=60><A : ?2 Y: _4 Y) d/ V. C
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ) f; o! K& ^; {3 z& s
alt="Fireworks 资源" border=0 height=60
* {$ S6 z. D2 r, U. b onmouseout=nereidFade(this,01,7,5)
" X/ M/ \6 C; i( [ onmouseover=nereidFade(this,100,5,7) 8 F& w4 v: V# \- `* w& h4 Y" [9 ~
src="files/index_fireworks.gif" 5 I4 V) x- q5 u# q! w' z5 _" e
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 ~0 u* f2 X) p3 [, L, g width=60></A></TD>
( j# H# I9 T# i7 l: X7 V( a# r8 Q <TD background=files/index_flash2.gif height=60
) s8 q. o+ f" q9 E width=60><A 0 }% T* d; ^* L h) {+ q
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG / S B5 T ~7 |. Q. j
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
# S4 _, t$ R& ^ onmouseover=nereidFade(this,100,5,7) ; ?% m' l$ A) }3 u \8 b' Q# C
src="files/index_flash.gif"
. h4 E2 ~& V% d; |9 s 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)" % I8 T2 u/ w1 @" ]$ k5 F
width=60></A></TD>) j8 @! F. `* E$ K4 j; T2 y
<TD background=files/index_photoshop2.gif height=60 7 l* a( `& w. W4 m% T1 A5 S
width=60><A ( n/ i) f5 L6 u$ s
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
$ y( e% z |; F5 Z alt="Photoshop 资源" border=0 height=60
& c3 H) y% K, S1 W" ] onmouseout=nereidFade(this,01,7,5) . z& d. U. W3 f+ e5 S& [
onmouseover=nereidFade(this,100,5,7)
- o* w- b; O, T$ y# w0 V src="files/index_photoshop.gif" E* P2 X: `9 u4 `
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)"
+ Q) T5 p" @3 T8 V& R+ i width=60></A></TD>4 C- h7 \* K' `- T* c4 C: \
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|