|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>6 Z+ D! E9 G) {. m" h
<!-- Beginning of JavaScript Code -------------------
1 L9 \( S r/ K& s \
. y4 S' W- V' R$ OnereidFadeObjects = new Object();
$ ?6 o/ k- f& O+ h! E5 FnereidFadeTimers = new Object();. Q; h& Z! C) t+ Z! g8 I
function nereidFade(object, destOp, rate, delta){ n; C- ]0 {; `5 j
if (!document.all)1 w, f5 E+ s) ~& a
return
; t, N0 h6 S3 m* ]3 v4 j if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
& d* y; q6 y1 S5 p, H6 o return;
* |* i; M2 A! W' v }
% r& r1 C2 A) A2 I clearTimeout(nereidFadeTimers[object.sourceIndex]);
6 A& A$ y- \. ]7 {/ a' t diff = destOp-object.filters.alpha.opacity;
/ O' k& r# ~$ y8 @& T7 S direction = 1;7 G8 b& |% t( M, A. C
if (object.filters.alpha.opacity > destOp){2 S: X4 _5 Z+ m. }3 m; H4 P- @
direction = -1;/ U$ ^0 ~9 w' E0 p% ^
}7 z. F7 t- G. D7 t4 F( v
delta=Math.min(direction*diff,delta);
& ^+ R. Z- [9 o3 R! V! ]) H* j object.filters.alpha.opacity+=direction*delta;
1 F9 x6 a# H) e3 g7 t if (object.filters.alpha.opacity != destOp){' ~* Z& g# E( _0 R3 \( S
nereidFadeObjects[object.sourceIndex]=object;
( G: j4 ~$ I" \4 `( s" y+ } nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
& ]) G2 D( D0 s E% }; @ }" ?* W3 J5 _8 g. Y6 Y
}" r8 @& Z# X! I" R
// -- End of JavaScript Code -->
- k- ]. ]4 v1 L3 s- F+ K2 O</script>+ @7 W7 h9 |1 h. E4 M
//修改下面的图像地址和大小5 l! \2 ]0 b. \$ f# \
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>! |4 p% L3 Y5 g9 m [) D' p$ ~
<TBODY>
5 {: ~7 u4 b2 X$ U0 k4 ] <TR align=middle>
+ |' t$ f7 |+ ?! S$ N* L <TD background=files/index_dreamweaver2.gif
* _9 W, ~% n, v& N! v1 u( Y0 l& ~ height=60 width=60><A
2 s" n8 E5 E" p0 R, S0 y4 g href="http://www.hooji.com/java/display.asp?id=542#"><IMG n$ A0 m# I- u: Z4 d
alt="Dreamweaver 资源" border=0 height=60
) m* [" i6 P4 n1 t$ q onmouseout=nereidFade(this,01,7,5) 5 C5 J2 @; `& e
onmouseover=nereidFade(this,100,5,7) 3 }" @$ i, k& ^
src="files/index_dreamweaver.gif" . R; y$ W/ ~* r3 c$ g6 |
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)" ' J1 Z4 U4 U. R) j8 n
width=60></A></TD>, Y. X: a; v0 P Z1 p
<TD background=files/index_fireworks2.gif height=60
- T: Q1 M7 w" w' D+ G# P: n7 B: E width=60><A
$ ]- ]5 c1 V2 A. D href="http://www.hooji.com/java/display.asp?id=542#"><IMG 5 v5 m/ c+ J6 N5 a7 w% p) B
alt="Fireworks 资源" border=0 height=60 9 Q) ?+ i6 Y/ ~ E5 T; i
onmouseout=nereidFade(this,01,7,5) 2 O! B& `' g2 _1 |0 m9 W) P
onmouseover=nereidFade(this,100,5,7)
; j& ?, W6 ]& t- \0 {: _$ A src="files/index_fireworks.gif"
+ N, s( R! j0 u8 B7 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)"
; H$ {. b; v' K; m width=60></A></TD>
* w7 l' D& H& w2 c <TD background=files/index_flash2.gif height=60 A; N2 K9 x( n8 m+ m3 Y s
width=60><A
% B- T+ s7 X1 R7 O href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 3 u6 e" X9 }) R: g% R* u
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
7 ^+ T: t4 a3 N+ O& H. Q onmouseover=nereidFade(this,100,5,7) 4 R$ a* a2 S* T3 \( f
src="files/index_flash.gif" 0 u, F/ Z: o' X
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)"
+ l* i5 ^% g" W1 _4 e1 G width=60></A></TD>
`8 _" V# Z8 S% G <TD background=files/index_photoshop2.gif height=60 * J" ?" u3 N: I& ~2 g8 v$ d! N
width=60><A : z, p- ~4 Q& L& M
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
/ W; I1 R: ^' W' l; p9 w \7 a2 N alt="Photoshop 资源" border=0 height=60 4 h* l9 p4 T- Y7 s4 d: }
onmouseout=nereidFade(this,01,7,5)
. U0 p K" }, M/ C6 q. Z- K1 s onmouseover=nereidFade(this,100,5,7)
+ K7 z/ S( D: O/ A5 D* z% h1 x; s) b src="files/index_photoshop.gif" 8 {4 d1 }9 P4 j5 |" _ @1 G 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)"
* q0 V7 i( _6 y: T8 B! O2 s width=60></A></TD>, @8 v. p1 @1 a3 b2 c3 ^1 s
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|