|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>, v+ E- x4 N w7 u; \
<!-- Beginning of JavaScript Code -------------------5 n; I3 c9 s3 v s4 J Z H
+ g3 a% @. ~* w* R* m5 z1 j
nereidFadeObjects = new Object();
; _) r$ a: z7 N3 s* ~# bnereidFadeTimers = new Object();3 `* r$ M# W$ I7 y
function nereidFade(object, destOp, rate, delta){
% F* B7 b! L. K2 T- W, U/ ?+ b# Uif (!document.all)& T, d: P' Y1 s+ Z' J
return
4 T1 o5 y/ `, g7 G8 U8 ^ if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);, E: h* a2 @1 U9 k _5 O: u& t* r
return;
2 G! ^8 i+ _: p! F# ]! ~8 P5 y9 z }* W: H. p: L g: ~3 ?" Q+ k
clearTimeout(nereidFadeTimers[object.sourceIndex]);
, E& w& p8 }4 n diff = destOp-object.filters.alpha.opacity;
5 M$ R, B. K5 e; d1 x9 a' q5 \ direction = 1;+ u& A% s% \" O" l: g G. D# n
if (object.filters.alpha.opacity > destOp){+ s9 h$ _$ h O
direction = -1;# o2 u3 Z" f4 j( t9 C% M
}
9 {6 P) c0 w: p" s- t0 p; x" i delta=Math.min(direction*diff,delta);
1 I/ {4 t( k+ K+ l object.filters.alpha.opacity+=direction*delta;" V9 W5 O8 n0 L% t- H* Z& f
if (object.filters.alpha.opacity != destOp){
1 X. j3 {- A2 C% M% y- p4 y2 ~ nereidFadeObjects[object.sourceIndex]=object;/ d+ I) N4 K7 \% ~ z
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
! _/ `, S9 [) |" i! P' b7 ^6 v0 Z }# w. v& v! }/ V6 x) C
}1 P# i$ f2 {& w% t. k/ c# y# d x0 X" P
// -- End of JavaScript Code -->
0 W/ H. i. S) V; i4 S- I, x1 x</script>
4 Y6 T- R' W9 m2 ^5 B. h //修改下面的图像地址和大小- f7 H* S: L. C$ U
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>' }5 y$ v3 \2 W! C6 R$ ~4 X3 R
<TBODY>
4 v0 ^2 l- s( |' z <TR align=middle>
1 T& n* g4 ?2 T <TD background=files/index_dreamweaver2.gif * a% R5 L" J. ?- |
height=60 width=60><A 4 i' h7 D) ]5 x
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 5 g- D9 ]0 H4 m
alt="Dreamweaver 资源" border=0 height=60 8 Z% @6 K7 w( ~/ U
onmouseout=nereidFade(this,01,7,5) * _" [6 @& }- C0 N' M! ?4 h( L
onmouseover=nereidFade(this,100,5,7) 2 R% W2 T6 E; C& k- G j, r; ~
src="files/index_dreamweaver.gif"
+ L: `+ j6 p4 l% q) }3 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)" ' K! P0 M1 A+ Y
width=60></A></TD>7 f2 v' r% M5 h" t" x
<TD background=files/index_fireworks2.gif height=60
3 @* f$ M; J6 N width=60><A
/ P. m ]' Z$ v: I href="http://www.hooji.com/java/display.asp?id=542#"><IMG 6 v* @! t/ [9 w r& Q
alt="Fireworks 资源" border=0 height=60 - s2 K/ Z! J) ?4 J3 O2 q
onmouseout=nereidFade(this,01,7,5) $ r* Z$ r g( _) h4 y% D& Q
onmouseover=nereidFade(this,100,5,7)
2 v+ {9 d/ g: n6 k7 @ src="files/index_fireworks.gif" , I* Y% }# F7 d* D# ]2 R
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. {% L9 r1 B- @" D y) v/ e width=60></A></TD>
0 K. S8 J) @. b }0 f f" P! O0 j <TD background=files/index_flash2.gif height=60
& I3 |, ^! [% i width=60><A 7 F' n3 s! B2 {) G: C! r
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG $ W% |/ h2 j1 h Q% @& x1 M2 ]. V
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) / x; I( |. }7 w# i: b
onmouseover=nereidFade(this,100,5,7) $ \ g5 a/ \; f5 b/ O8 s4 |" H
src="files/index_flash.gif" 1 O7 W. c6 z% r3 x# 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)"
) _+ M$ x2 @3 P5 L- b% r width=60></A></TD>7 W7 b/ j/ U8 z% C8 ?9 I
<TD background=files/index_photoshop2.gif height=60
9 r7 D: T' F1 g& {5 D# z width=60><A / q) Q# h7 W4 p+ G! f
href="http://www.hooji.com/java/display.asp?id=542#"><IMG , N5 {3 y& l( F
alt="Photoshop 资源" border=0 height=60 * g" J9 D" u2 H
onmouseout=nereidFade(this,01,7,5) 4 c' s5 e c$ B+ f1 T4 t4 T
onmouseover=nereidFade(this,100,5,7) ) V# C; T4 Y" w& j5 O0 D0 X9 q" [
src="files/index_photoshop.gif"
k; F% |) D- V. b 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)" % U( M$ w6 d. r R5 z) w
width=60></A></TD>8 P/ P6 y: `' j& \
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|