|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
3 T5 H' N& w/ A" O1 j<!-- Beginning of JavaScript Code -------------------: l4 z) x$ T# Y) \ H I, I6 L
' Z+ D1 X8 b* B* q4 z. d$ j U* m
nereidFadeObjects = new Object();9 Z# F) M3 S$ {/ S) X
nereidFadeTimers = new Object();/ @) y) n4 T7 L' j: J
function nereidFade(object, destOp, rate, delta){
4 H' E# d: @% e- \if (!document.all); w) h5 f. R" k* G, Y& } f
return* G+ E9 ^, X! W$ O& a4 w/ D
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
5 u9 U4 t3 f- A: x" w return;
& y! x6 z; A1 J' n; K7 K }& [: O. U- B! j; B1 M
clearTimeout(nereidFadeTimers[object.sourceIndex]);2 x) O% g }5 C; f( H0 @
diff = destOp-object.filters.alpha.opacity;* i4 e/ z$ s: i$ k% Q2 E8 [
direction = 1;+ {& ]) S( J; P8 u
if (object.filters.alpha.opacity > destOp){5 Q( M5 j# _. J
direction = -1;
% e( q% S2 \, i/ m. e4 ? }: Y. Y( B, l: }
delta=Math.min(direction*diff,delta);3 @5 a8 p! X4 i, X3 v: b3 J2 p. _
object.filters.alpha.opacity+=direction*delta;$ [' @* d5 j0 ]* Q! ]2 f0 `9 W
if (object.filters.alpha.opacity != destOp){: V5 R9 G4 |) D1 y! \
nereidFadeObjects[object.sourceIndex]=object;1 T' X/ T" b% k5 E8 z0 w: ~' _
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);5 A0 l2 L% C$ U& S' N2 Q
}
7 w! B; b: N) V( D! l1 D}* x% F4 i. M+ y3 R9 Z4 @
// -- End of JavaScript Code -->, _% U1 w. |6 _ \9 ?0 l8 n
</script>5 n( C1 S( V9 Y, i/ `; M
//修改下面的图像地址和大小
$ f7 I( S% O+ g+ I9 S% b3 H0 O<TABLE align=center border=0 cellPadding=0 cellSpacing=1>4 {- X! [/ G! z, ^5 R, L1 `- |9 @
<TBODY>8 Q' t7 ~% g! H" r/ X
<TR align=middle>
* p: K3 Y g4 i2 `8 _ <TD background=files/index_dreamweaver2.gif 3 } q9 m# A0 T* o
height=60 width=60><A 6 d* W6 m( Q- x) ]6 y& K, K9 }
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
4 y+ ^) l! i, ^0 w9 } alt="Dreamweaver 资源" border=0 height=60 + r8 w, t4 r7 b7 w6 u5 P& B- y
onmouseout=nereidFade(this,01,7,5) / A9 H( _( }+ k8 S4 {
onmouseover=nereidFade(this,100,5,7)
# D$ ]2 M2 r7 t! G' m6 f+ r src="files/index_dreamweaver.gif"
% L6 p! D6 E% J$ 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)"
! {1 q( `' g1 t" O8 { width=60></A></TD>8 O& g' v i( l+ y5 E5 M9 R* y' u
<TD background=files/index_fireworks2.gif height=60
" U! R# O) L# o) F/ x* h5 ^) R8 N width=60><A h' ~5 [ d7 z3 U
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 0 E; \. ]* i* x b G
alt="Fireworks 资源" border=0 height=60 . L) n, y4 k$ g' P T) s* I3 h7 o- L/ ]
onmouseout=nereidFade(this,01,7,5) 9 ~4 u% \: |% c1 x& ~
onmouseover=nereidFade(this,100,5,7)
( N5 i' |, p$ A5 N- g: { src="files/index_fireworks.gif"
I* o: A! T: R' u8 k. c1 L0 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)"
0 A: V" o7 k$ @) m* I# \0 t) l9 a width=60></A></TD>
" f' w4 `) @0 i& Q: g1 H& Y <TD background=files/index_flash2.gif height=60 - E E' G5 N4 H! K9 i
width=60><A # d) b- {* j5 w1 `
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
# I1 }6 o2 K4 K( I alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
- \' ]' ]- t, b, Y onmouseover=nereidFade(this,100,5,7) - c$ v, I) F/ u* V0 W
src="files/index_flash.gif"
1 Y2 v, g* S$ 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)" + a, t1 r* F$ r4 }
width=60></A></TD>( j& I) S, S* [4 k! c3 |- |1 ~& Y
<TD background=files/index_photoshop2.gif height=60
0 B5 N+ N! I/ h& i8 B; s width=60><A , Q6 G1 v' P: D! D- x
href="http://www.hooji.com/java/display.asp?id=542#"><IMG ' t: K+ A* n; n# c
alt="Photoshop 资源" border=0 height=60
Z2 s3 H6 Q$ J onmouseout=nereidFade(this,01,7,5) ; R3 I5 X& s" y
onmouseover=nereidFade(this,100,5,7)
1 J7 J' `9 I/ h9 K/ c% E% P! p# ~ src="files/index_photoshop.gif" 7 f+ y/ M2 B1 d+ O: w0 u+ \' O! ^$ y
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)"
1 D: c* Y/ V: w/ j; r$ r4 k8 h; ? width=60></A></TD>
/ u' F8 ?% [8 C% L6 _ </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|