|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
$ a# q0 F+ o( A. s# Z<!-- Beginning of JavaScript Code -------------------
9 p0 D7 W( ^0 [5 w! U @" n
/ D7 @9 Z( C3 K% m0 J' ~nereidFadeObjects = new Object();3 g+ i6 U" u$ m& v
nereidFadeTimers = new Object();
`9 `5 F( w- A" r$ L" L5 a1 Wfunction nereidFade(object, destOp, rate, delta){
) C4 C% v9 x F* e7 J+ z) Rif (!document.all)
6 Y+ V& g0 E# F/ u, Sreturn H2 t1 J$ Z- O/ Y5 s
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
* X3 L# _ }$ ~, ^8 w+ k1 W7 ^ return;
3 ? E0 Q+ J! Z }
6 R* k* N4 |$ U) T5 J, S clearTimeout(nereidFadeTimers[object.sourceIndex]);5 `( F. `+ W* V4 I( R+ b! F- I% X
diff = destOp-object.filters.alpha.opacity;3 | C: }( i3 P
direction = 1;
" W7 l, i$ E, {, @7 g- o- @ if (object.filters.alpha.opacity > destOp){% C: D( o% ?) v9 G# a- A7 o
direction = -1;7 g9 N) l' T0 L" _( @) S
}
* a7 y8 F; U. B! J& _9 ?/ B delta=Math.min(direction*diff,delta);3 g" Y( W: z0 d9 H8 w2 K6 I
object.filters.alpha.opacity+=direction*delta;
" ]5 y3 x7 X; A if (object.filters.alpha.opacity != destOp){1 I$ C9 D* Y4 v9 k$ ]" z/ n* z
nereidFadeObjects[object.sourceIndex]=object;: }; y2 N' F, b
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
5 ?/ d4 r% j* _: g i) M. y8 H- ? }# m% ^) h/ n# _ x5 |
}
* x7 `( N* y! k: X// -- End of JavaScript Code -->
0 B; Q1 Q3 r- p4 _- p7 ?</script>
7 v6 h# y" x3 L! k //修改下面的图像地址和大小: A$ @; X- s* k
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>: }; g: V2 V/ l% N) }
<TBODY>; ]( L: z4 N* D$ t+ `8 r
<TR align=middle>
- ? N; N$ L! M, @- L+ t, B <TD background=files/index_dreamweaver2.gif 3 k" L& _6 ^: i5 K
height=60 width=60><A $ O X. E( p2 q- x) g+ ^" L7 ^ A
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
+ Z+ g6 ?$ m& a: C6 l alt="Dreamweaver 资源" border=0 height=60
2 ?$ I9 r% j. o9 m1 c8 p: w+ s, { onmouseout=nereidFade(this,01,7,5)
1 W! Z$ p/ A2 ]0 h f onmouseover=nereidFade(this,100,5,7) + X& P. q9 M0 v
src="files/index_dreamweaver.gif" 8 c& o H3 T. f' ? O; E% C
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 b9 ~1 s! g0 [/ ~7 T- e4 L width=60></A></TD>) p( V( ]1 T8 }9 E7 s3 A
<TD background=files/index_fireworks2.gif height=60 % D" ~. @: j A: L+ G
width=60><A - z$ {9 X% d( S5 Z! q
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. Q' D$ Z% m% t4 [ alt="Fireworks 资源" border=0 height=60 % a) F; B( z& `/ x) b, ]9 ~
onmouseout=nereidFade(this,01,7,5)
/ Z8 p8 N# E. g! N onmouseover=nereidFade(this,100,5,7) * H, |2 U y& H2 R/ n
src="files/index_fireworks.gif" 4 @2 H8 s' q+ X D$ J9 _1 M2 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)"
8 h3 V: n5 f! I0 e! C width=60></A></TD>
( y, z7 S* c; M) e6 } <TD background=files/index_flash2.gif height=60 ' j7 g: K, ^, u+ V; z+ g6 C- l
width=60><A & }$ ^6 L" Y/ K5 V1 n
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
- D' \0 v( ?& u0 b/ x4 f* e2 H5 U) B alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
% e+ _8 ?# \! X; i onmouseover=nereidFade(this,100,5,7) . ^ t& h& m9 r6 R
src="files/index_flash.gif"
% o3 p2 B' ^! c0 h8 L) M& F7 r 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)"
% A5 H7 w" e8 ^ [- ? width=60></A></TD>
# P3 ?6 M: G8 l+ n; b( S0 b( _ <TD background=files/index_photoshop2.gif height=60
; `* ]+ _7 r y width=60><A
& z; n9 v3 x. L. b href="http://www.hooji.com/java/display.asp?id=542#"><IMG
' A {0 n0 o b" @0 ]1 D alt="Photoshop 资源" border=0 height=60
0 T! _+ s4 n: C( p* ` onmouseout=nereidFade(this,01,7,5) ; D+ K3 {& J. h3 C
onmouseover=nereidFade(this,100,5,7)
& t' D; m+ {+ S% P L src="files/index_photoshop.gif"
6 g, V' Y& C0 A3 [ 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 F& K Q" r2 u width=60></A></TD>
) e9 S, V% ^+ a </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|