|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
0 ]. ?% G) X# C: n4 T<!-- Beginning of JavaScript Code -------------------) c3 C5 N# w( [7 q& O& {
5 G% k; O7 R! rnereidFadeObjects = new Object();
/ c* O$ k" Y6 z5 u0 k7 `) Q0 JnereidFadeTimers = new Object();. T8 H6 a9 b( t: J0 m, O3 ^; B
function nereidFade(object, destOp, rate, delta){/ ~6 _. W8 `+ a: `) G& Z
if (!document.all)! h. Q3 j2 H1 c$ u6 l( u# [
return f# h0 Z' a# v, ]4 U4 S: N
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
6 p [ n8 W4 M- ?2 Z, D H return;% f2 f2 U# X/ G( \ e
}+ l. i) @: G* |9 u2 ^
clearTimeout(nereidFadeTimers[object.sourceIndex]);
. w3 J. J# Z7 ?* Y- N' x diff = destOp-object.filters.alpha.opacity;
3 z' L* c- w7 b7 V direction = 1;
3 j( u. d# d/ y+ K" e; ~; P% B if (object.filters.alpha.opacity > destOp){$ u/ Y8 ^+ h) e$ @$ V
direction = -1;9 ^! ?# v U" b$ [ S$ ^: V4 Z# z
}
( X( U* ?- y+ t delta=Math.min(direction*diff,delta);1 `, ]5 \$ }" H6 g+ `
object.filters.alpha.opacity+=direction*delta;
- h! D, X5 R- w! | if (object.filters.alpha.opacity != destOp){
% S" O0 H* R3 X# n) E( ~ nereidFadeObjects[object.sourceIndex]=object;
) n7 Z8 c5 c4 m nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
% M' g7 O. f* B( I8 g& G/ x0 {+ g }
4 D7 M. W, f* m4 J2 k}
9 {' A4 v% Y/ I// -- End of JavaScript Code --> j* O# _- E* a
</script>( u6 m& b% X3 @! h0 w8 H0 a3 G1 x
//修改下面的图像地址和大小
$ f u8 E5 A2 |; }0 A% a+ K6 h<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
( `+ `6 ~; D; E6 s# C <TBODY>; J9 X+ Y6 V+ Q7 F, Q( q0 ^$ D
<TR align=middle>& O$ S# ~ j) H# M7 o# T
<TD background=files/index_dreamweaver2.gif - P- [9 r1 X( m. e: ?2 _
height=60 width=60><A & S$ i2 R9 }! U6 e9 w
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 2 p) c8 x8 G9 z
alt="Dreamweaver 资源" border=0 height=60 * j# a( v r0 M
onmouseout=nereidFade(this,01,7,5)
9 w. h4 j# f# e8 n O6 Z6 f onmouseover=nereidFade(this,100,5,7)
3 Z& ]: }" }& R3 f& M- J2 n src="files/index_dreamweaver.gif" * @( [0 P- j4 b: a
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 S* Y; G! z) A2 ?
width=60></A></TD>/ x5 J6 k! G8 l A# M
<TD background=files/index_fireworks2.gif height=60 / d* ?( z c0 k4 A7 i7 |0 F! J) ~1 e
width=60><A
% v7 E1 S/ `+ s( {0 n href="http://www.hooji.com/java/display.asp?id=542#"><IMG # e8 I- I+ d% H+ R0 I4 t
alt="Fireworks 资源" border=0 height=60
* C% W# D" a# o* A( F! s onmouseout=nereidFade(this,01,7,5) : ]) a m8 B- P1 l! g
onmouseover=nereidFade(this,100,5,7) / L- e; {5 u1 i+ y+ n
src="files/index_fireworks.gif" / y/ ], l1 j- 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)" + x: I$ \, G: C" @5 h7 i$ W6 K4 T& T
width=60></A></TD>/ p- _# z) r; _
<TD background=files/index_flash2.gif height=60 4 R" M3 d0 S/ P1 D0 B2 {
width=60><A
' z$ q* X9 |# x) [- _5 Q href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 4 U3 W: j6 k y6 H! [+ H |
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
, [: y0 ^4 _/ ]# r onmouseover=nereidFade(this,100,5,7)
# P" W- j# _8 Q2 x/ E src="files/index_flash.gif"
2 o6 I; _0 e b( |$ \ 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)"
, y" W' K' R P. h4 x* Z; _& [ width=60></A></TD>, F: C7 a3 X1 H; ]( T
<TD background=files/index_photoshop2.gif height=60 " q0 [$ ]% t/ P$ t, s8 x; g
width=60><A " F+ e! g* x) U% }+ N2 R- j Q
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
1 e7 |7 V5 H, k5 E; I3 ` alt="Photoshop 资源" border=0 height=60 f0 s _' \3 a7 M' [
onmouseout=nereidFade(this,01,7,5)
& {8 V: k- @7 J onmouseover=nereidFade(this,100,5,7)
; p: z% F; U- B4 P9 @; v7 g7 e src="files/index_photoshop.gif" n( @3 T" q' h' e5 p9 E" ^
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 t: K( J0 @3 H, H4 I+ o3 `* u
width=60></A></TD>
1 T+ F: m/ P6 q2 r </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|