|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
7 U" s( I$ q) ^! q$ [: e<!-- Beginning of JavaScript Code -------------------$ [/ q" P8 Q& C( J" x
8 y/ `6 `& K) Q& p
nereidFadeObjects = new Object();
. B9 o$ Q! ? T5 t. }" inereidFadeTimers = new Object();
. j+ G# v: @3 l$ g7 u7 Gfunction nereidFade(object, destOp, rate, delta){0 ]4 m9 ]- ~5 ?& K8 [
if (!document.all)% l- {( }' h, R
return
9 K+ V1 N n7 e# @' r, {6 G if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);8 @# B& b5 R9 i! ]- N8 I1 ^& ]7 D
return;
4 [7 R0 L8 t( q( Z+ I }: l. g( Q0 _7 M* @6 x7 H; g1 C1 ?
clearTimeout(nereidFadeTimers[object.sourceIndex]);% g+ E% x9 C5 Z
diff = destOp-object.filters.alpha.opacity;
- g/ f6 o. Y) b direction = 1;4 D' u& g- s+ Q# t$ u+ E" ~' ^2 E
if (object.filters.alpha.opacity > destOp){
\! l1 K" h; x" f1 Z: i direction = -1;
5 N- P- ]- `+ Q% n q5 W9 l/ W$ I }
% p) s% O( `: L3 h- J( \ delta=Math.min(direction*diff,delta);
2 e# w1 u& ?, ]3 H object.filters.alpha.opacity+=direction*delta;
/ t0 M; X* I3 c3 L3 O if (object.filters.alpha.opacity != destOp){$ @# S. h' M9 T+ }! c# i' z* r
nereidFadeObjects[object.sourceIndex]=object;
3 ]+ m7 E4 Y! [" h nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
, k1 T4 h% W8 W _" x7 ?$ t1 c }
/ k4 X/ i5 p6 A/ k4 m! Z# Y3 }}" c/ s5 F) Y+ D2 c$ b
// -- End of JavaScript Code -->7 D& C/ F- e5 X) H
</script>
( _3 `. b1 Q; D/ z# D! b //修改下面的图像地址和大小2 K! `; O/ I6 r% v* p$ d" |6 x
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>: N" N9 t2 D1 o8 C; A- _3 o0 I, \
<TBODY>
9 O- a% }7 N# D6 ^ o/ F" u <TR align=middle>
! [0 V1 ~4 n5 A% p- x$ i <TD background=files/index_dreamweaver2.gif
3 n7 O2 v: I+ l' Q, ? height=60 width=60><A 1 X3 L8 E) J( l. B6 t6 W" d
href="http://www.hooji.com/java/display.asp?id=542#"><IMG / Y0 I- K/ i+ w$ D
alt="Dreamweaver 资源" border=0 height=60 % `3 y1 R% N& s+ i
onmouseout=nereidFade(this,01,7,5) 4 e8 z1 d5 m1 A+ H' _
onmouseover=nereidFade(this,100,5,7) : P, o( ^- L3 Y1 o2 h( y
src="files/index_dreamweaver.gif"
. t. i1 A2 _8 S) A5 n: 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)"
! B+ A6 Z3 L6 Q9 K$ t, Q. T width=60></A></TD>1 Q5 W) U5 t7 x3 c D
<TD background=files/index_fireworks2.gif height=60 : |# \2 Y: l' j/ i8 q. [7 W
width=60><A
4 b- w% s, V9 z) [4 }3 H% V. k href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 ]+ b x( [1 [) z! x9 Z* F% L$ C alt="Fireworks 资源" border=0 height=60
+ S6 M2 p F8 P onmouseout=nereidFade(this,01,7,5)
. `% ^$ r& P) t/ y- q% N9 f onmouseover=nereidFade(this,100,5,7)
/ }3 d. i F1 j2 w5 \ src="files/index_fireworks.gif"
' t6 {( x5 Z8 m0 H. Y5 X* e0 U 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 A; e. I% q' [( D/ i6 T
width=60></A></TD>
1 @# t. l0 O! E- d; a0 O <TD background=files/index_flash2.gif height=60 4 Z; Y# `' f# q
width=60><A ' x( T3 \8 J: S& D0 L4 E; j
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
1 a6 N+ `! N" L+ o' T5 T- O alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
! C2 }. G+ a/ T8 v; h onmouseover=nereidFade(this,100,5,7) 0 J h& L$ ^" t8 Y
src="files/index_flash.gif"
2 ~' E8 P# X0 H* G+ H8 D+ 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)" 5 ~* J5 Z5 A# u9 S
width=60></A></TD>1 c4 _1 V" Y0 C) ?9 Z5 f
<TD background=files/index_photoshop2.gif height=60
5 G9 y2 T! @7 l6 m2 u width=60><A
. e- c: Q, L' P& R5 D href="http://www.hooji.com/java/display.asp?id=542#"><IMG 3 C6 U: H/ B' Y, R& ~3 U2 E
alt="Photoshop 资源" border=0 height=60
2 q1 Y+ j1 F2 j onmouseout=nereidFade(this,01,7,5)
9 B, _$ L r9 p onmouseover=nereidFade(this,100,5,7) 2 G; c" h* Z3 c1 G5 r3 J, o
src="files/index_photoshop.gif"
9 V2 x9 \. Y: G5 M/ s- k; 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)"
" }) g: @5 A% H% U width=60></A></TD>
, V" L) z- b. e </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|