|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
4 z& U& \+ I2 ]% [ k<!-- Beginning of JavaScript Code -------------------: A8 K1 ^9 M% t0 y: c6 u/ y
, v( {% Q# f3 N" }7 T& cnereidFadeObjects = new Object();9 V, G# r! Q; C6 X+ k n9 Q7 h5 ~! _
nereidFadeTimers = new Object();" a5 D; \5 s r( |+ z% c9 N
function nereidFade(object, destOp, rate, delta){
4 E& Y0 Y \) L1 x( G* aif (!document.all)0 S3 W: q5 W9 K+ h
return
& j4 A8 { }. b# G; Y if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
2 p6 Z: i: P, L* F) Y$ _( k return;
5 x8 k" Z3 o( M& }$ d }9 L1 \$ H) D; J# E
clearTimeout(nereidFadeTimers[object.sourceIndex]);
; y2 j9 \ c0 h" W& O diff = destOp-object.filters.alpha.opacity;
! f/ X, v, L. q direction = 1;
; N0 z/ Y% N) e" f. F' q if (object.filters.alpha.opacity > destOp){; u2 O3 }/ T! v) O
direction = -1;
6 d/ j8 @! }" B }+ q }0 R C- b+ n6 b1 o4 A
delta=Math.min(direction*diff,delta);
7 j0 G! G9 L5 y object.filters.alpha.opacity+=direction*delta;5 e1 O( C( A, D# L7 N
if (object.filters.alpha.opacity != destOp){
, b/ c' U: y( a+ S4 Q1 z nereidFadeObjects[object.sourceIndex]=object;
+ i: _5 H" s {+ e nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);4 R' H6 w& I0 K
} t) H' [! c8 [) A) N
}
* U- P( K% N |! w$ d" ^, e6 Q3 F+ p! y6 N// -- End of JavaScript Code -->
3 n0 R/ f5 m% f5 C6 x. V$ J; Z</script>
% i' |! Y9 J7 m! B' E //修改下面的图像地址和大小# D+ H: v9 W- o
<TABLE align=center border=0 cellPadding=0 cellSpacing=1> L9 q% e1 S$ v, n3 G
<TBODY> w! B6 g6 @2 q, g' B3 Y
<TR align=middle>* P& j3 z. U7 _8 `2 v
<TD background=files/index_dreamweaver2.gif
2 a& R; j+ G2 ?8 r: Y' ]0 m9 X height=60 width=60><A 0 u9 }! ^3 G! P/ X3 {' Z5 n
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. ?- ^9 S0 [1 r. T+ t/ P) j alt="Dreamweaver 资源" border=0 height=60
5 y) e# s U7 d- u6 p onmouseout=nereidFade(this,01,7,5)
+ U: a6 \5 z0 Y, V; f' j4 X onmouseover=nereidFade(this,100,5,7)
" h' F/ c8 d/ Z* F, w src="files/index_dreamweaver.gif" ' G8 k7 U, M& F
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, L( @: t' U8 U width=60></A></TD>
9 _. W( m. n* j: l/ g; l <TD background=files/index_fireworks2.gif height=60 " r% w) n& K( k3 S$ \
width=60><A ( A3 P# \1 E, u6 u' B3 \
href="http://www.hooji.com/java/display.asp?id=542#"><IMG , o1 d R0 n, R [- H+ `
alt="Fireworks 资源" border=0 height=60 % O% v; T8 s2 H3 d! M
onmouseout=nereidFade(this,01,7,5) 6 W/ E5 a0 `3 b! P6 n0 U
onmouseover=nereidFade(this,100,5,7) 8 K5 F3 x! ~( p+ k* Z
src="files/index_fireworks.gif" $ f7 i# a5 j4 `9 X
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)" * H$ b7 F5 B6 R/ O0 g/ ~: b/ _
width=60></A></TD>
/ I5 b: f* Z8 c. A/ P% G <TD background=files/index_flash2.gif height=60 7 n4 Q( y8 p2 F( B) q- D" z! F
width=60><A
/ d' H9 y) A! H9 G$ m4 \& W2 t href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
2 a6 G& V, L; G alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
( c% P- u( z+ a! ^0 ^ onmouseover=nereidFade(this,100,5,7) ( o/ ^: n6 w9 P- F) e2 P1 w. y
src="files/index_flash.gif" ) _8 S3 \( N7 m" C
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)" + U E9 J- v7 ]* s
width=60></A></TD>2 c; Z: w, {8 y# C3 ?
<TD background=files/index_photoshop2.gif height=60 % P9 P/ j9 M+ I7 V& a
width=60><A
2 {- z S% i7 B3 k href="http://www.hooji.com/java/display.asp?id=542#"><IMG ' I& K, s) j5 _1 a$ ~
alt="Photoshop 资源" border=0 height=60
# M9 b8 l; E% G+ e- F1 C* |5 | onmouseout=nereidFade(this,01,7,5) ) X/ Q6 T- c2 Z
onmouseover=nereidFade(this,100,5,7)
4 ~4 r* a$ n2 P src="files/index_photoshop.gif" ' n: g) X/ u; N. h
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)"
( @4 c: \6 A* r; j2 Z0 U1 a& c width=60></A></TD>
% z7 T* B( L. o% C4 c3 k </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|