|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>9 q8 |5 h3 `, {2 S( |! Z
<!-- Beginning of JavaScript Code -------------------
( M" |: f8 ~* E/ h. G
0 ^' @1 ]# m& {2 O5 y0 UnereidFadeObjects = new Object(); w- e+ t; G1 A5 a8 j A' a2 c
nereidFadeTimers = new Object();. q8 Z6 g" S5 u+ K# B
function nereidFade(object, destOp, rate, delta){
/ q* j( I4 z. ~if (!document.all)
: m7 H* D/ S2 e" ]4 V# yreturn
; ?/ }, b/ S+ j6 \2 y9 \ if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); c! ^2 s5 I" @+ i( q1 s
return;7 j) |) y; \) n7 K
}- @& l5 t, i7 l0 O3 q9 M7 K
clearTimeout(nereidFadeTimers[object.sourceIndex]);) `# w4 p) E; \" V5 A/ p
diff = destOp-object.filters.alpha.opacity;
2 \6 w2 k2 e% A2 V# E7 ~( N; m6 o direction = 1;
2 X9 x' O5 v3 { if (object.filters.alpha.opacity > destOp){1 z9 f: g7 d) ]9 i. l/ Z1 V; c
direction = -1;9 X, g4 P7 V+ N9 u7 J4 @# g" A% C
}) L* x7 K9 b% j
delta=Math.min(direction*diff,delta);
( r$ k2 A( J. o+ O: b" F object.filters.alpha.opacity+=direction*delta;
0 _/ e3 l& Q/ X1 y if (object.filters.alpha.opacity != destOp){2 k+ z( p _: E t
nereidFadeObjects[object.sourceIndex]=object;
0 Z2 Y! @2 z2 o( ]9 i0 c4 {1 ?$ o! A nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);* a; M4 ^! ?; a, f8 E! U+ g! c
}- m* S0 U$ F" p0 x7 o- W0 G
}& h; |# V6 [6 A* r, s1 J
// -- End of JavaScript Code -->% P4 E ?9 U8 X) H! Q$ j
</script>
4 N8 d& P" n8 F$ H8 Q5 @ //修改下面的图像地址和大小
0 \; a( f/ s/ O* [! V$ Z0 ?<TABLE align=center border=0 cellPadding=0 cellSpacing=1>0 n! m, M/ K& P8 Y+ m4 I
<TBODY>
) M; y9 u4 t' b# Z1 ?/ l <TR align=middle>
7 o b; V* G( R* B) k <TD background=files/index_dreamweaver2.gif
B: O h& ~2 O- R height=60 width=60><A 9 B. Z" q, Q1 t9 L. J
href="http://www.hooji.com/java/display.asp?id=542#"><IMG " C( Y5 [% k) {5 I
alt="Dreamweaver 资源" border=0 height=60
6 w( R; s# s# E/ o onmouseout=nereidFade(this,01,7,5)
& S1 N" L: T6 F4 p2 x& P. U$ \ o+ m onmouseover=nereidFade(this,100,5,7)
- {) ~; K h9 M- Z src="files/index_dreamweaver.gif"
, i1 \1 J+ ]7 g5 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)"
: @* L6 V4 A9 s* C. i width=60></A></TD>3 n, Q) Y0 ^; t% r9 H5 O6 J3 U7 G
<TD background=files/index_fireworks2.gif height=60
, K! q- [4 j G# J$ ^0 B$ m width=60><A
* U6 x' c$ w4 o# f4 f# b% y0 V/ n$ R3 a href="http://www.hooji.com/java/display.asp?id=542#"><IMG
% h+ N- {2 M2 w; e! i8 _ alt="Fireworks 资源" border=0 height=60
8 l. z: H$ ~( y) O8 s* [7 X onmouseout=nereidFade(this,01,7,5)
% a8 V% w% N x* R- k6 w onmouseover=nereidFade(this,100,5,7)
9 V* Z* o$ m% ] S4 Q src="files/index_fireworks.gif"
$ ]# K: I9 p4 _3 y9 r1 K7 ^5 N0 x# 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)"
7 V9 d: h$ ]( U& t+ }2 h3 Q/ ? width=60></A></TD>
" K) x* c Y# u4 b4 x/ c7 m <TD background=files/index_flash2.gif height=60 6 F8 u& F$ y6 T8 G1 E
width=60><A 0 m5 y$ A* T+ V G
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 9 }" y# ~2 v! i3 E0 L2 r0 v5 |
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
, u) S( e: h- E& J onmouseover=nereidFade(this,100,5,7) 6 Q! c5 l% _( L5 O5 ^
src="files/index_flash.gif" $ ]. Q/ T: V! E2 R- r* Y; k
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)"
/ T) [ { d& Y* v8 E width=60></A></TD>6 Z2 M3 l4 L% b. B4 s/ U
<TD background=files/index_photoshop2.gif height=60 1 b! K D$ w) Z5 U
width=60><A
S* V/ t$ {( x! `4 ?* S href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: H% f7 ?2 N6 S/ x alt="Photoshop 资源" border=0 height=60
8 P: W# m6 |- s ` onmouseout=nereidFade(this,01,7,5)
( }4 c# X! _/ Q) G6 q- H& @ onmouseover=nereidFade(this,100,5,7) 0 z& B% E2 |( i. |# @
src="files/index_photoshop.gif" 4 |. u$ S+ N$ O
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)" " J* N4 v4 r' e# w2 r" I! U4 Y
width=60></A></TD>
8 U- |. d2 ?0 h3 m8 j- Z; r( ? </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|