|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
1 [' @4 U3 {5 w! ?3 Z6 X<!-- Beginning of JavaScript Code -------------------& `! l3 u' i; t$ L9 u
1 J( ?) j. T3 G- Y2 \nereidFadeObjects = new Object();6 M2 q4 Q8 {2 W' P9 Q7 g
nereidFadeTimers = new Object();
M& t9 }, u: P* G9 j: vfunction nereidFade(object, destOp, rate, delta){4 c/ x8 a( h, a" e: V8 a% \
if (!document.all)
0 g! O" g* K3 I. vreturn9 n4 N% Z8 H) h1 u/ I7 O8 L
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
- u, B3 i1 R( n, q" I return;3 w* ~% c. x! H6 l5 F2 k
}
7 w1 G6 v+ z, a- v; l% S T# x) {7 B clearTimeout(nereidFadeTimers[object.sourceIndex]);* e) Y- `: S8 U) b9 |
diff = destOp-object.filters.alpha.opacity;
- N$ \ o* ^9 |' k5 V% J direction = 1;
# Q2 H, o8 x- a9 F$ i! [ if (object.filters.alpha.opacity > destOp){
+ K8 @+ Y' f+ W! `3 V direction = -1;
+ C, T! H1 |+ \- b$ I t. ` }. G: f; B0 w4 i" T2 X8 Q; A
delta=Math.min(direction*diff,delta); T% @/ a: C9 d7 i) V* V5 P
object.filters.alpha.opacity+=direction*delta;4 A+ E' Q/ a5 \" a& ?
if (object.filters.alpha.opacity != destOp){7 D, ]3 ]4 j- m5 r6 K. e
nereidFadeObjects[object.sourceIndex]=object;. D# R% ?) [: ?: Q9 g8 s
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
' X9 A5 O2 \9 N' V }
% ?2 t* B0 K9 ^+ P}3 c6 _+ y' {9 w; L: k- W$ x
// -- End of JavaScript Code -->4 a' l! v9 y' t; C6 f) S; d: b7 H
</script>
1 t; S9 I! l( q4 @ //修改下面的图像地址和大小/ X1 E# t7 P& [8 k) \* l
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>- l# ~) \2 ^/ I' X+ M: Q+ A2 L
<TBODY>
! f- }3 C& R6 y% }% r <TR align=middle>
0 N' \; Y* [0 W" w! o7 K <TD background=files/index_dreamweaver2.gif
( h, ], O+ \ H S9 ^ height=60 width=60><A * X) {" J' V/ g
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 3 b" e: G5 \; v# L" \' R/ l
alt="Dreamweaver 资源" border=0 height=60 6 X9 \' ]/ @3 p- K1 n
onmouseout=nereidFade(this,01,7,5)
* }( u3 k9 `7 Z) f9 J onmouseover=nereidFade(this,100,5,7)
$ c! P! ^0 @& J8 z# o) z src="files/index_dreamweaver.gif" % S* R0 @* Q5 m* C2 d: 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)"
Y) M0 ~3 F% l. Q/ H width=60></A></TD>) B3 l3 i9 q. F0 I
<TD background=files/index_fireworks2.gif height=60
+ Y( k) F) w$ }% u# g0 p7 E width=60><A / a: N- \' O4 m* j' R
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
% y4 P8 K9 E1 M |! @ W alt="Fireworks 资源" border=0 height=60
# x E, z6 t% h5 r' c3 l onmouseout=nereidFade(this,01,7,5) / [; W7 k2 ?% j# \" D8 c
onmouseover=nereidFade(this,100,5,7) , m$ W. a: f8 p
src="files/index_fireworks.gif"
& G8 i4 d k1 ~. r4 F9 ^( m 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)"
: Z8 X9 n i4 W' u5 n width=60></A></TD>4 \/ _- z6 C: a0 K
<TD background=files/index_flash2.gif height=60 / p+ a7 E* j4 g
width=60><A " q: R9 z9 ~; ?8 M% I1 R
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
( E4 ^ N. O3 c# n: p2 C* `# ^ alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) n5 k. i9 a* ^1 A. w6 O. v
onmouseover=nereidFade(this,100,5,7) & x8 X* M m5 l |
src="files/index_flash.gif" 2 s: P$ P7 D' F3 p" 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)"
# f' {" N0 w" C5 ` width=60></A></TD>
6 k3 N/ R( U$ x Q' c1 [" \, z <TD background=files/index_photoshop2.gif height=60 ^# A2 f( R- _; a. N0 }
width=60><A
! W1 O! W/ N9 C+ S href="http://www.hooji.com/java/display.asp?id=542#"><IMG
$ R4 T0 G/ C1 }3 h9 X# o% v7 n/ ~ alt="Photoshop 资源" border=0 height=60
$ }/ m& c' F% r onmouseout=nereidFade(this,01,7,5) 1 y1 }, z! Y2 V+ d/ J9 h- q S. z: d8 t
onmouseover=nereidFade(this,100,5,7)
. ^! D* C; O ~# _" f$ L5 P src="files/index_photoshop.gif"
& J7 O' b- T: X1 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)" ! V @& L$ I" B# D. z- l \
width=60></A></TD>
. e5 \. T9 Q9 m& | </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|