|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之非常漂亮的图象效果
<script language=JavaScript>
6 ^, `( m' G, N. U) l; J4 \) W. C<!-- Beginning of JavaScript Code -------------------+ ^. i& `7 ?3 L! j) O' ^
3 n* y. `2 T. i. c; N; D& hnereidFadeObjects = new Object();2 ~( e. B* Q! _
nereidFadeTimers = new Object();+ s' D5 C _* o& K8 M( C
function nereidFade(object, destOp, rate, delta){0 b7 J1 b h7 f/ r6 N2 t
if (!document.all)
" D. v. W1 h% j" K6 r% M- S3 kreturn0 B3 X1 v% o) r$ `9 Y
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);( Y* b( i$ }) U$ ]# u
return;: ]8 h: W) j1 O
}
! G) u0 t& l8 u clearTimeout(nereidFadeTimers[object.sourceIndex]);
- e' h9 G5 V3 G6 A2 q0 \" m9 X. p diff = destOp-object.filters.alpha.opacity;
2 s7 t$ o8 u6 n3 @: E direction = 1;
9 E' S" W1 G) d, B1 C# T8 s2 \ if (object.filters.alpha.opacity > destOp){
2 x( [ P% u9 y: x7 j% Y direction = -1;
* _* l( ~! E, A" j( s }- Q+ Y& B$ r1 x% n, x( \7 h' ^
delta=Math.min(direction*diff,delta);
6 c& F- j' P. |8 W object.filters.alpha.opacity+=direction*delta;
* n3 r: D8 a, K3 E \" k if (object.filters.alpha.opacity != destOp){/ v& q0 g) k! Y+ Z; S; _
nereidFadeObjects[object.sourceIndex]=object;0 C* H3 b0 J0 v Q
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
, G: L6 W8 Y2 C7 b( g }2 R/ _; _" \3 W0 L/ s
}
. ]& B; U; B2 z// -- End of JavaScript Code -->
( W* L# R& L; v C" A2 [</script>- J2 G! S }9 f4 f5 E
//修改下面的图像地址和大小. r2 U: r1 i w. V2 |! R$ q c' e
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
$ k, `% q. a. |3 E/ t <TBODY>+ j( E2 S) q0 f4 F
<TR align=middle>/ M% J! _+ ~! z: y9 ^
<TD background=files/index_dreamweaver2.gif
/ b! y/ B" B9 M; |5 I5 }8 V' p height=60 width=60><A
9 Q0 L$ w# m, }3 e; I+ u3 }. k href="http://www.hooji.com/java/display.asp?id=542#"><IMG & C( t7 N- G0 L6 v' }' O
alt="Dreamweaver 资源" border=0 height=60 & o- \- l1 `2 z' n" Y/ l
onmouseout=nereidFade(this,01,7,5) / x ^! r- v, F U x$ t
onmouseover=nereidFade(this,100,5,7)
0 O) Q' N% g0 q6 g0 z src="files/index_dreamweaver.gif" & |2 G8 J: `" M3 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)"
. F% S7 F4 k# A width=60></A></TD>$ p; _+ a/ H8 i" V" L* g
<TD background=files/index_fireworks2.gif height=60
* ?% d+ g8 F$ H2 e. g7 q9 z# M width=60><A ! z' V! z; `3 y& h4 U k
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 5 U9 a" H2 ^' D4 T* \
alt="Fireworks 资源" border=0 height=60
$ |4 j; M0 u- C' e onmouseout=nereidFade(this,01,7,5) & y1 g4 N" g# O7 t9 r3 P
onmouseover=nereidFade(this,100,5,7)
0 k- y* n* P: p# L z, E src="files/index_fireworks.gif"
7 ~; @7 I8 X7 W" 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)"
" v# N" ^, N9 ]: i U6 P# Y width=60></A></TD>( ?) s) G0 l+ s
<TD background=files/index_flash2.gif height=60 2 ^- Z2 V: g2 {) |9 G* c V
width=60><A
) W2 ?1 w X* \$ j0 q# s href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
, Q6 ]3 `/ h- j; I$ P2 G alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
: z7 ?- D; {* R: F# S onmouseover=nereidFade(this,100,5,7) 6 R: [9 b. O/ f7 a/ R
src="files/index_flash.gif" & U! k2 ^! C* u: N3 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 h& [+ `9 ?! m. c
width=60></A></TD>' t$ r0 H. e6 ^$ O$ i
<TD background=files/index_photoshop2.gif height=60
7 t9 G+ g( ^& W: H- Z8 d k7 Q4 [ width=60><A ' q) U4 Z1 F' @4 F" `2 `, |
href="http://www.hooji.com/java/display.asp?id=542#"><IMG : W& ?0 c% X$ `' z. k* g
alt="Photoshop 资源" border=0 height=60 - s# t. W0 u, z, o8 P
onmouseout=nereidFade(this,01,7,5)
; e5 [- {" u1 U& X# r onmouseover=nereidFade(this,100,5,7)
7 k% p; I8 L# N. k0 y8 D1 | src="files/index_photoshop.gif" * Z8 I0 U: P; 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)"
. W# x/ }6 v0 @* R width=60></A></TD>$ I$ q/ E6 b n
</TR></TBODY></TABLE> |
|