|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之非常漂亮的图象效果
<script language=JavaScript>
0 C. L% S' I( G6 ?( Q<!-- Beginning of JavaScript Code -------------------4 z; B* \8 i1 j
; B3 G$ |7 O* c6 d; T7 L; }; v
nereidFadeObjects = new Object();( |# q' W8 l0 e& f3 S4 l1 d
nereidFadeTimers = new Object();
C5 w2 h, _* C [/ Ufunction nereidFade(object, destOp, rate, delta){0 v3 X& ~+ n2 K3 P- w6 b
if (!document.all)+ W" ]! X u, w/ K
return: J) q O2 z5 ^, `8 m% I+ m
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);4 E" ]8 ]: M4 F
return;% b" f! ?7 z( A- L8 X
}$ R7 n' A. N2 ]2 ~
clearTimeout(nereidFadeTimers[object.sourceIndex]);) [# W) e# C* E: Q0 l8 |
diff = destOp-object.filters.alpha.opacity;5 W. [/ o; @; w1 E9 ]8 Z5 ~
direction = 1;
+ {5 W7 L: U7 j+ _ if (object.filters.alpha.opacity > destOp){
+ `6 I; P& i7 {/ X direction = -1;8 @! e ?. y0 n6 S4 q$ B" }; ^. w
}3 H+ l/ B W( g3 }% Z% w2 |
delta=Math.min(direction*diff,delta);3 T7 A, i0 F }- f2 w1 t
object.filters.alpha.opacity+=direction*delta;5 y1 K) P* `4 `6 D+ h: p& C
if (object.filters.alpha.opacity != destOp){
; v* T7 N- i! F. f nereidFadeObjects[object.sourceIndex]=object;* L7 }7 n7 q, T0 a
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
0 ^. z0 z5 r- ~0 D }& A: P% S$ h( R, Q" @" t8 o
}+ g: R( h$ o) w; b2 Z- ^- ~
// -- End of JavaScript Code -->% _! t7 I5 w; W/ H5 q
</script>
+ h, Z% x- p9 @# j" t# k //修改下面的图像地址和大小& w( ]9 x1 W4 C! J }* }; ]! @
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>9 S' Q2 |" N5 R
<TBODY>1 Y$ p4 h7 ]' s3 @9 M7 X- D
<TR align=middle>1 p8 B7 t" c6 s1 g& L
<TD background=files/index_dreamweaver2.gif
o3 x" ?% c" b; Y* G. } height=60 width=60><A ! a& A6 I Y* W0 y( M7 |) F! c
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
- g F- r7 J1 s& ]( h alt="Dreamweaver 资源" border=0 height=60
8 `/ L9 z% N( K9 l onmouseout=nereidFade(this,01,7,5) " U" p7 G( o; G2 l- K! \. [+ r& x
onmouseover=nereidFade(this,100,5,7) , {. [4 r7 q! A. V( D! y7 i
src="files/index_dreamweaver.gif" 2 l7 N: S" D4 N9 a
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)" ( X. Y: q( f/ j8 g$ E: w
width=60></A></TD>
+ L7 z2 w K- D( p+ a <TD background=files/index_fireworks2.gif height=60 / G) _: c0 {" z) h0 o, W
width=60><A 1 x- r( Q8 T0 m# i5 V1 {
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
( E: n. M9 i8 ]! S8 [. z alt="Fireworks 资源" border=0 height=60 ! e9 C% B) k% r# _6 _9 M% I
onmouseout=nereidFade(this,01,7,5) . w9 @2 J/ u2 B S+ }; ^* R
onmouseover=nereidFade(this,100,5,7) ( O e# t! k' ~, ^' G2 N; F9 l; l
src="files/index_fireworks.gif" ' y. J: T2 w8 X6 a G0 Q 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)"
6 q! }9 e# ^; \2 T0 y width=60></A></TD>8 g4 j `2 L& A" q6 n+ V: X& B
<TD background=files/index_flash2.gif height=60
0 G3 S6 Z, m+ f/ _ width=60><A , V" L2 B. D c6 S
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG , b: l% k& k; G! F' t, o' e; R# d
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) ( v3 V7 b5 I+ B
onmouseover=nereidFade(this,100,5,7) ) _7 O. \0 ^ U3 Q2 e
src="files/index_flash.gif"
! m* \# `, B/ i 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)" ) b. i7 s& f! |: S8 H3 u
width=60></A></TD>: ^: I2 q) b' G2 J A. ~
<TD background=files/index_photoshop2.gif height=60
) n7 o" c* y/ y* r4 u1 a* B width=60><A
/ x" Z6 C- Z: y( J% a% A href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( F H/ _$ H0 o
alt="Photoshop 资源" border=0 height=60 : y0 ]5 H9 @# i# I
onmouseout=nereidFade(this,01,7,5)
/ j! e% F0 ^( p% q; J& A" k u9 D onmouseover=nereidFade(this,100,5,7) 4 G5 T0 l9 p* ~4 v4 Z3 P2 t: D
src="files/index_photoshop.gif" : M, {/ B( A! 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)"
) Y7 L d9 v P/ o- f+ {; K; e width=60></A></TD>
& h, p) j# ]2 y( |. r </TR></TBODY></TABLE> |
|