|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
& S! b9 @9 k; M' M<!-- Beginning of JavaScript Code -------------------" V \& ]$ V1 Y
6 w& P, B6 n% p, h* P* ^
nereidFadeObjects = new Object();
$ U& g `" U: I0 U3 JnereidFadeTimers = new Object();5 e: z% ]9 E! w# i
function nereidFade(object, destOp, rate, delta){1 Q; V' G3 w/ R9 v
if (!document.all)
2 `( ?- }, l% O! i0 ]# l/ ]0 {return
( Z2 w& W2 R+ D3 V6 Z+ E+ o if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
) ^& n: o$ O! W( G return;
% t# r# |5 H" Q3 K$ w6 J$ D }& }/ e0 k7 Z S# p9 v1 a: x3 V1 p: t
clearTimeout(nereidFadeTimers[object.sourceIndex]);
+ J/ S6 u* u& J" O. `/ k diff = destOp-object.filters.alpha.opacity;
% K4 R: Z8 j0 }, q8 ^ direction = 1; y& k0 k# L& A. B( f
if (object.filters.alpha.opacity > destOp){
6 l" l* o4 ]+ y direction = -1;% f* @0 v! s% Z
}, y5 ]' v! \9 D2 P% N$ {. N7 F1 T9 Q
delta=Math.min(direction*diff,delta);
) B( n) H5 W/ r1 B! r object.filters.alpha.opacity+=direction*delta;! m! H9 d( o! X1 i
if (object.filters.alpha.opacity != destOp){
( p! Z% P' n1 E3 U- Q# @" q9 u nereidFadeObjects[object.sourceIndex]=object;
. T z( h8 S$ ~6 }! y nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);- w# e* ?" U6 K8 U0 W
}
! Z: m' q$ T( b) G1 Z. t" s}
5 b# @" g2 B( x. a// -- End of JavaScript Code -->4 f; @+ A$ C3 s" r
</script>" l% k7 g* L) J7 A2 k9 V0 P
//修改下面的图像地址和大小% Y3 b/ x: G! `, z* q1 Z' Y
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
2 m, X4 g5 z8 f2 p: p- t <TBODY>
3 \: W! e c% s) ^4 E <TR align=middle>
q! F7 S4 T- B Y <TD background=files/index_dreamweaver2.gif |* e9 R& o0 W
height=60 width=60><A
: [, d1 k. O! G- E- \ Y href="http://www.hooji.com/java/display.asp?id=542#"><IMG
# ~$ x2 V+ F) H. N$ D7 k( ] alt="Dreamweaver 资源" border=0 height=60 7 H: q. H2 W" Z! Z
onmouseout=nereidFade(this,01,7,5) 4 T% ]/ P& z9 U! V( r
onmouseover=nereidFade(this,100,5,7) : ?* `+ j9 J1 p
src="files/index_dreamweaver.gif"
! s2 b+ O7 {/ 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)"
) ?* a6 \! ?3 e# L0 G" b width=60></A></TD>
% c8 h- N( P0 Y3 k4 O <TD background=files/index_fireworks2.gif height=60 * y4 [' A- O. e6 j0 ]+ ^
width=60><A % x \; X4 J& X7 k$ o
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 4 S& E$ v0 J! s% G, Y* A
alt="Fireworks 资源" border=0 height=60 * I! I: c e* u: F W
onmouseout=nereidFade(this,01,7,5) 7 u" d: \: c j
onmouseover=nereidFade(this,100,5,7) ' z% K' n5 n& n
src="files/index_fireworks.gif" 9 v( Y G: h) k* E+ Q; 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)" ; D& @* h! f5 ?2 O) B3 T4 d) m
width=60></A></TD>( s, @) J0 Q G& t0 a
<TD background=files/index_flash2.gif height=60
. [8 N# ?! V$ x6 {9 r8 ^2 O+ ] width=60><A & e: z$ h6 x# y( x+ T+ M
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG w" n+ U/ }8 Q0 |- j
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) " {+ g* G. k- M% C
onmouseover=nereidFade(this,100,5,7)
, a: Q9 B( P$ S, w4 a3 h src="files/index_flash.gif" 6 T! V$ E- R3 H! I9 Q
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)" % d) i- e8 c! F! ~5 D p
width=60></A></TD>( ]4 c6 N9 s8 j
<TD background=files/index_photoshop2.gif height=60 7 _& } O1 T1 W2 k! C: E( h& i6 q
width=60><A * B5 ]6 L1 [+ X; D/ U% R
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 4 S8 e/ f, m6 {: W3 r2 ]0 D
alt="Photoshop 资源" border=0 height=60 8 B _, ~6 \% v g# O
onmouseout=nereidFade(this,01,7,5) " V7 U! t$ E4 v q3 i9 `
onmouseover=nereidFade(this,100,5,7)
3 n1 f- O; x4 R" @ src="files/index_photoshop.gif"
5 v$ T% {# D7 y7 x* l3 p" A. ~( 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)"
/ P* B) i& n1 M) i9 ]. d width=60></A></TD>" l' M, n6 @; `6 D1 e+ Y: k
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|