|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
# N$ ?/ ?5 b/ t5 X( z4 p1 H; u' e1 U# J<!-- Beginning of JavaScript Code -------------------
7 t) l- x5 Z0 l6 M0 ^
) [: [ Q9 F( m4 b- ~nereidFadeObjects = new Object();
- Z; C/ m" a! W( C2 w+ H4 RnereidFadeTimers = new Object();+ ~ S3 b% c) \0 |! D, ~
function nereidFade(object, destOp, rate, delta){# T$ U+ e5 ~8 Z" @
if (!document.all)& \/ j6 k! s, F* R1 [3 T3 H
return! U* }, J& L* r: {. L) S+ v
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);; {8 b8 f' V* r+ C
return;( x/ R! `8 F2 H6 l1 U) F( e. X/ A
}( m" Q8 X) @) i5 m7 e2 p
clearTimeout(nereidFadeTimers[object.sourceIndex]);3 m, k1 c* Q! T$ a5 j
diff = destOp-object.filters.alpha.opacity;
$ p; `+ _( C# Q3 {: H% P0 S" a direction = 1;8 u! g7 n; f& R8 b
if (object.filters.alpha.opacity > destOp){+ H; U5 S7 {8 o6 F8 K7 f: {8 Z
direction = -1;
* h7 c, C& \: n }* h8 D, k3 d8 q! {/ F* x0 M7 V7 A' x
delta=Math.min(direction*diff,delta);
2 D" V0 E; O; S6 ^! H object.filters.alpha.opacity+=direction*delta;
# Z) K5 M1 w' o$ ?5 T1 N X# Y if (object.filters.alpha.opacity != destOp){5 F: c* Z7 }( R" Y. t( x! p3 |% w- s
nereidFadeObjects[object.sourceIndex]=object;2 k; c" j. `* v8 E0 b8 U; s
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);8 Q j" I+ @) Q
}
" U1 q) _: c3 l3 o5 y1 b9 E) o}0 D" H- |3 i0 F- y$ x
// -- End of JavaScript Code -->& X. |7 J, d, |/ o
</script>
2 Q$ ?6 {$ n) Z/ y //修改下面的图像地址和大小1 @* ^3 p2 k: D! L( z
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>; d6 X. p5 j# ?
<TBODY>
- [* J& ?. u" `6 f9 J" F <TR align=middle>$ j) c& d8 ]: W" y2 H9 `
<TD background=files/index_dreamweaver2.gif
4 _5 g/ `7 @5 Q height=60 width=60><A
0 s: B8 v$ N X! ] href="http://www.hooji.com/java/display.asp?id=542#"><IMG 2 r5 e$ Q1 Z$ n+ ^5 `/ m
alt="Dreamweaver 资源" border=0 height=60 3 B* I; A1 C% S; d2 ~- x
onmouseout=nereidFade(this,01,7,5) ( X, ~6 } r& U; F
onmouseover=nereidFade(this,100,5,7) 3 R/ k$ D m: [4 J t% `
src="files/index_dreamweaver.gif" ) @7 V% ~3 a5 G3 C5 ]- D5 \
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)"
- w, e3 h% _8 L% U2 D2 | width=60></A></TD>) v* d- {. c8 L/ D' l
<TD background=files/index_fireworks2.gif height=60 & l! V0 E) c0 N$ _
width=60><A - h; e% s( E* F4 H5 b8 X" Z
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 r# {+ n, {1 D8 B alt="Fireworks 资源" border=0 height=60
; O D) Z: Q1 b9 e; ~- K onmouseout=nereidFade(this,01,7,5) 3 K; [% n8 b8 e8 m& ~7 ?- E
onmouseover=nereidFade(this,100,5,7)
' |, v1 b3 ]) W$ ~) r src="files/index_fireworks.gif"
( B U( P7 W } ^# u; 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)"
- M: |; L2 x6 O9 [! d6 }: b width=60></A></TD>
# K- \0 a8 q+ b3 _( C, [3 O/ ? <TD background=files/index_flash2.gif height=60
. ~, J/ G, w1 c% U1 _$ a+ x9 ?2 \ width=60><A + I0 ~: `# e; w- B
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
# \5 v- E1 q! D: k' _ alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 0 A, F$ Q* c% M9 R
onmouseover=nereidFade(this,100,5,7) ; U6 j" Z7 W1 e& |3 m ^4 i
src="files/index_flash.gif" ' D9 h' V* U5 F9 E% Y* E0 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)" / w# g* F0 w4 X& H- B3 F9 {3 Y# X
width=60></A></TD> x7 i- o- R1 p% N" a6 X- x
<TD background=files/index_photoshop2.gif height=60
1 W1 Q6 p+ E: \: G width=60><A 2 E4 ?$ M4 W W, i* @7 \: p, e# d) y
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ' r* H, A( B4 e6 i$ X
alt="Photoshop 资源" border=0 height=60
' `2 x' z! E* `) R% J onmouseout=nereidFade(this,01,7,5)
% u. `# D5 {' \* a onmouseover=nereidFade(this,100,5,7)
$ c9 W! I7 N: x: `- x# D src="files/index_photoshop.gif"
4 M: C4 f3 Z7 y, f( w# H* 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)" / E( i+ q3 F, V' Y* O: D
width=60></A></TD>
4 d/ M' L9 u$ y7 P! w$ O/ z </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|