|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
. l# O) l* D& {" C+ e( F/ y<!-- Beginning of JavaScript Code -------------------* L* R) `+ P- g; I( A2 P
: O( h; T" P% H, c$ @% M
nereidFadeObjects = new Object();, g' i0 W0 n: P7 G) ^' h Z
nereidFadeTimers = new Object();
2 M; U: f# t9 T+ Z' z+ r6 {function nereidFade(object, destOp, rate, delta){# Q7 c2 q. R! l v3 X. K( o! j
if (!document.all)
7 d/ I+ {' ~( ereturn
* W- k( V6 i; A if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
; D1 J9 a% P! ^! [ return;
% \4 Z" L9 W3 A }: O- _, D! l9 M
clearTimeout(nereidFadeTimers[object.sourceIndex]);
. f- H- L$ K# J4 C- x2 D9 R7 b diff = destOp-object.filters.alpha.opacity;
' B w- Y$ p Y2 F# V5 q: _6 m direction = 1;' n3 j \' H. g* a3 Y9 ~
if (object.filters.alpha.opacity > destOp){
" b4 t$ u5 _3 }( ]8 t! {0 T direction = -1;6 [1 c+ @. l! J/ a: Z5 j6 g
}+ m( k" S h8 @6 N8 U2 d u# l# g
delta=Math.min(direction*diff,delta);
' m/ Q a' D9 Y object.filters.alpha.opacity+=direction*delta;
2 j' a* K, f8 G* f if (object.filters.alpha.opacity != destOp){8 M N L @1 r' `0 c S
nereidFadeObjects[object.sourceIndex]=object;
9 D: \9 d2 X- |# f6 y. B nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);: e( Y- b9 f |1 x, T
}
/ t7 h( w7 F0 h# H: w}
: q v$ K1 g1 S( G) {1 j// -- End of JavaScript Code -->
. u, I6 Z3 [# C- C9 U2 ~6 H</script>
. a% B; f$ _9 x! z5 r //修改下面的图像地址和大小
" z( J7 e6 }0 N, F& s0 j+ a<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
/ R0 V8 |, _' Q! i7 e5 ~7 M <TBODY>
& n+ X' v* {4 X7 c6 s! Z$ T+ Y W <TR align=middle>
. V7 R% i$ A+ L- F0 w3 B <TD background=files/index_dreamweaver2.gif
# ~2 v5 v7 `% |& n height=60 width=60><A
3 ?5 f. i* o! y href="http://www.hooji.com/java/display.asp?id=542#"><IMG
[) X; e0 z% ` alt="Dreamweaver 资源" border=0 height=60 6 a: T! c' f. T
onmouseout=nereidFade(this,01,7,5) i$ G- w) v5 v) L
onmouseover=nereidFade(this,100,5,7)
# k% z! J1 ?) o, [. n$ C, b! ^& A src="files/index_dreamweaver.gif"
c: X- e' w# v( n& M8 T+ q/ 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)" ) y9 z" Q4 i @7 B* d. c
width=60></A></TD>
: n2 A" W% x. l0 M2 _: A' l <TD background=files/index_fireworks2.gif height=60
. @9 R& b1 r7 }4 g. L5 g width=60><A ; u7 k; N4 f v! l9 j$ R
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- x9 u c3 R. b/ E' g& G' V, l% O alt="Fireworks 资源" border=0 height=60 G/ h/ H7 w' |6 o& V. \
onmouseout=nereidFade(this,01,7,5)
# w: q1 {! U6 f6 y; _/ X/ r% } onmouseover=nereidFade(this,100,5,7) ; k) {; B! \4 ?: [+ M! l& i
src="files/index_fireworks.gif" 9 C" K- u2 B8 X4 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)"
& T+ R3 o# C2 J9 {8 c' k9 w: q width=60></A></TD>
l4 v) z5 R/ z8 P/ k7 ?6 Y <TD background=files/index_flash2.gif height=60
3 h& b- j" `8 ~% D$ {6 z width=60><A 0 V" t* b- I+ `2 U$ l% L
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
; [# W+ |5 G; V+ Q4 O alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
5 ~( M2 w! f0 V: x: _( x$ T0 U0 ?+ c, \ onmouseover=nereidFade(this,100,5,7)
! U, @8 ?+ G2 f6 @ src="files/index_flash.gif"
' [$ v( O. M. G4 y 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)" 5 o- c/ _: a# W$ G3 [0 W
width=60></A></TD>
( E& h/ {" a# C; B4 g7 { <TD background=files/index_photoshop2.gif height=60
) _! @1 M0 F2 r8 s1 s) T width=60><A
5 P8 T3 u, L# g9 g# N8 ]4 ] href="http://www.hooji.com/java/display.asp?id=542#"><IMG 6 k$ l3 W* y9 \; o% S
alt="Photoshop 资源" border=0 height=60
2 _5 S r1 r$ g# {) F% X8 l a8 S onmouseout=nereidFade(this,01,7,5) ! U" q& \1 \6 G/ C6 |! o# b
onmouseover=nereidFade(this,100,5,7) : y3 o# \5 o5 N0 J9 ~
src="files/index_photoshop.gif"
% b$ T2 U+ V0 F2 j4 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)" 3 b% G/ ~& J9 Q4 S
width=60></A></TD>
: Q+ L, j7 q# j' \( C G </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|