|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
4 `! |" P7 y8 V# ]* D<!-- Beginning of JavaScript Code -------------------: D4 Z0 P r6 |- K! j
2 o9 v4 H- `5 a
nereidFadeObjects = new Object();; z- D; G2 @2 y
nereidFadeTimers = new Object();
' F0 Z% A4 c3 s: X/ \function nereidFade(object, destOp, rate, delta){: R/ J9 l6 x9 K7 u- Y u. K
if (!document.all)1 @0 P- j) V6 n
return
6 w3 a; \- A" |4 ^ if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);7 c: Z4 j' U; Z# i3 F: x. K
return;
, n6 b# E9 v/ X# Q: w2 A }6 @. U% c1 ~3 c6 B2 ?. ?: F8 t
clearTimeout(nereidFadeTimers[object.sourceIndex]);
5 c' W$ \: y8 Q' y5 g4 `6 ]" Y diff = destOp-object.filters.alpha.opacity;6 j# {5 o& w M" [
direction = 1;5 u$ }" V/ _9 l I7 R
if (object.filters.alpha.opacity > destOp){3 a, a: G% b5 d
direction = -1;
8 {+ U V' i: ] }+ U4 ?1 k: n% U A( k" o/ @
delta=Math.min(direction*diff,delta);% n3 {7 s; h6 Z- J2 B8 p. Z3 [. X% o, l
object.filters.alpha.opacity+=direction*delta;
8 b+ F9 f. m; k; X if (object.filters.alpha.opacity != destOp){
3 v+ q/ w/ I* ]% |. C1 f1 V1 t nereidFadeObjects[object.sourceIndex]=object;
, R6 f: M7 ]" d3 {- t nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
0 M% {3 m) M* C3 B' y1 y }% {. `+ B0 V6 _% X. W9 J1 ]
}, s7 w0 w% H0 X) s9 @$ m8 ]
// -- End of JavaScript Code -->+ t J* b) H' n, @$ [6 V9 l: Z3 ^
</script>
2 V4 l! J3 t; A# k% @& A //修改下面的图像地址和大小( }3 c5 u* o: {+ V: X# d! }- ?
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>' [9 y' ^9 L& k# h" h- f9 `' U, l
<TBODY>
- R+ [7 |" N: t) T <TR align=middle>
4 C$ f F$ |- o( z/ [* C. k <TD background=files/index_dreamweaver2.gif * r) j$ G# f, s4 j
height=60 width=60><A ! `9 ` L0 R, Z( c0 r s: f
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ) Y. a( l: u$ {! H% J/ U
alt="Dreamweaver 资源" border=0 height=60
{( n6 q. X5 o0 ]- o2 i! y onmouseout=nereidFade(this,01,7,5)
5 B$ P4 O3 y, X! p9 s) T onmouseover=nereidFade(this,100,5,7) " G. e" v6 U9 m4 T, Y. ^9 [& v" n
src="files/index_dreamweaver.gif" ( f0 p" A2 V2 ^/ C1 Q2 g
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)"
- A. V) C& M$ R/ v width=60></A></TD>3 L U( v& W, ^% ?- K' m Q% f( T
<TD background=files/index_fireworks2.gif height=60 0 p! n2 v$ U& r
width=60><A
5 X7 X6 f1 Z, k' s8 Y2 m% K href="http://www.hooji.com/java/display.asp?id=542#"><IMG
7 ~+ k4 G A: T P6 W alt="Fireworks 资源" border=0 height=60 @9 ^9 }) r6 i
onmouseout=nereidFade(this,01,7,5) ' |7 B6 P, N8 }* B8 D
onmouseover=nereidFade(this,100,5,7) . u4 ~2 p& u0 a @, I* q
src="files/index_fireworks.gif"
" A7 {8 w. E- D |2 \ 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)"
( L1 R% B6 O/ a* L% d" Z5 ]) ` width=60></A></TD>3 r2 z3 a+ H% ]0 N/ o
<TD background=files/index_flash2.gif height=60 8 L; s' X9 ]7 r, L$ U
width=60><A . E* k4 ~7 v1 a. j7 U& ^
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG & h+ u, H6 o: N$ c
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
# ` W n1 c7 A8 l: h* X+ D onmouseover=nereidFade(this,100,5,7)
/ X6 O H8 _. U* U src="files/index_flash.gif"
' l2 r2 c6 z- U8 m0 G4 C. O 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)" 4 @6 M% { Z1 I- C1 y( R0 e7 @" F: U
width=60></A></TD>
" W- H6 T5 W+ T! @& R7 d <TD background=files/index_photoshop2.gif height=60 % N% a3 d0 _! t+ o
width=60><A : x4 B' ^" O: z$ ]7 Y, s5 D
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 7 O4 p# t$ W; H* \5 E2 O4 i
alt="Photoshop 资源" border=0 height=60
: X/ m* b) }- t" q Y( a onmouseout=nereidFade(this,01,7,5) 9 u: G* D6 k& ^/ E& H4 K3 w
onmouseover=nereidFade(this,100,5,7) , F0 o! D$ }. ^9 o: N; a
src="files/index_photoshop.gif" ' `6 i5 g& t$ u( ~' Z
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 k: M% ?7 [' |
width=60></A></TD>" m. Z& W$ b# y; O# t. h; k
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|