|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
! K( m+ ~$ J+ P$ A1 D<!-- Beginning of JavaScript Code -------------------
) ?" g% v2 ]: |. ?) ^7 s# e! A5 N% V6 w1 `& W( }
nereidFadeObjects = new Object();# C0 A% s/ O, G E2 ^* p
nereidFadeTimers = new Object();. m* b1 _4 V7 c$ v& z* \ x; [' c
function nereidFade(object, destOp, rate, delta){
7 L( S/ W0 t3 T( S1 Oif (!document.all)
, T. W6 z$ n- e. ]! C* y4 P/ f2 hreturn
% C) p3 ~3 K. K' F if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);8 [! h& d$ w5 K0 \* |& f3 `6 L% K
return;/ k/ F6 n6 e6 z
}
. v+ f+ b$ q- j% E1 a% I! c clearTimeout(nereidFadeTimers[object.sourceIndex]);
0 ?" G" F# J: ~& I' Y0 _1 V diff = destOp-object.filters.alpha.opacity;! j+ h5 g# `) r$ K3 n# _
direction = 1;% V/ X! C6 ^8 Z( { k; a1 G* m
if (object.filters.alpha.opacity > destOp){
/ ?! S! [- C. x8 o% t direction = -1;
- Q: ^ [8 H o+ N+ Z }
! `8 V9 I) _+ H+ D, o1 e delta=Math.min(direction*diff,delta);
, R) V; k1 b* e- o7 O object.filters.alpha.opacity+=direction*delta;0 c* s9 o8 }2 ^
if (object.filters.alpha.opacity != destOp){
. `/ |; }7 L# M9 ?' y5 S nereidFadeObjects[object.sourceIndex]=object;
0 D* a/ V; G' {1 ? nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); ^5 d/ `3 B9 b8 P5 o% p
}
7 f4 N1 J" A3 G6 q0 N1 F0 w: ^}% _1 |1 P; G( O* Y& S. X/ |
// -- End of JavaScript Code -->
) N' s* Z2 O" p- d% p" I6 G</script>
0 H% M/ q" H* ?, C/ B2 M //修改下面的图像地址和大小' y1 r x* z. e- R/ M0 [6 J5 z) s4 Y
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>/ N! @8 c2 `0 D1 c. i4 J: P
<TBODY>
3 o; U! |' D5 n- Y) Z6 @ <TR align=middle> ~) u! b# O5 A& W) H6 g
<TD background=files/index_dreamweaver2.gif
# S0 ^) h) Y" C$ O height=60 width=60><A
4 `( x* r5 u1 q href="http://www.hooji.com/java/display.asp?id=542#"><IMG 6 e/ y+ C$ K" h# a# z; ?
alt="Dreamweaver 资源" border=0 height=60
- N) C6 d, g$ m4 f z onmouseout=nereidFade(this,01,7,5)
$ ]6 x& }! p1 A4 i5 V% B onmouseover=nereidFade(this,100,5,7) 9 A! j5 |8 L3 {8 O
src="files/index_dreamweaver.gif"
" E6 R% r+ n) l: { 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)"
# m2 o0 ]% ^% J% L3 q% F width=60></A></TD>: a U# A5 R% ~" H6 U) d
<TD background=files/index_fireworks2.gif height=60
: G4 ?/ W9 E, F& c5 p$ v8 d$ q1 f width=60><A
# i8 {0 }6 O6 r7 |5 p$ k& i href="http://www.hooji.com/java/display.asp?id=542#"><IMG ' k& Z. J4 H- }- M* h% G
alt="Fireworks 资源" border=0 height=60 $ f, M, s x% l4 P) g" }* n
onmouseout=nereidFade(this,01,7,5) 9 j: R( F% t' U( j) ?5 D
onmouseover=nereidFade(this,100,5,7) ) l7 S0 J {. l( }$ z6 G! r
src="files/index_fireworks.gif"
! y, u! F7 T3 h 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)" $ `9 D5 f% _ `5 f5 o6 V! x
width=60></A></TD>
9 b% ?; r% {6 ^3 x! r: E5 @ <TD background=files/index_flash2.gif height=60
! \8 L/ g6 \% w4 J9 k width=60><A
: o& n. l$ E. C7 {. I' R# P href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 0 G: n/ Y- F0 M( Z/ N; x
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
! w, L0 \6 R n2 n+ U onmouseover=nereidFade(this,100,5,7) * T9 Q/ L" R9 i3 L Y2 C6 t# L
src="files/index_flash.gif" & s- C6 U( S) O/ Q( e
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)" % s) e5 Z8 _# _% B" u
width=60></A></TD>
5 `' w' ?+ o6 K! e, d. H1 { <TD background=files/index_photoshop2.gif height=60 * \$ N2 M. J; R% ]- _( i
width=60><A 0 j- F( \' h# m
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
& X9 C8 E1 x0 v0 N2 I B alt="Photoshop 资源" border=0 height=60 3 k0 ~: S" e; D6 [4 M
onmouseout=nereidFade(this,01,7,5) / R6 n& }7 t) e! B
onmouseover=nereidFade(this,100,5,7) ( W3 B" K, g a; m
src="files/index_photoshop.gif" A9 |/ n" t B2 @6 j6 I
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 O% B' K J9 Z/ [
width=60></A></TD>
7 b% \2 I' S* I1 e </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|