|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
/ e2 [' C: _1 n# f. K/ H1 M, |<!-- Beginning of JavaScript Code -------------------
' A: W7 n0 M4 B
" o. G& c( Q( _$ n9 U5 L* f7 QnereidFadeObjects = new Object();
3 e6 @4 f. W4 |, B D6 onereidFadeTimers = new Object();1 u* w" ?9 i) T
function nereidFade(object, destOp, rate, delta){
9 o: g( V: _& o9 n4 ~6 yif (!document.all)
/ A, B, V& K: f$ w. vreturn
* N, _! g y9 `9 T% F7 `& H if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); e9 e+ C. Y4 F% S" D! d
return;; } }) [$ f. C
}
# f9 `: a& `* M8 G2 A" Z& N clearTimeout(nereidFadeTimers[object.sourceIndex]);
% p# _7 E v- j3 a* J diff = destOp-object.filters.alpha.opacity;9 {5 L7 p8 b. n" y4 x6 t, N& H
direction = 1;
3 D1 a' K0 T4 w& z2 ? if (object.filters.alpha.opacity > destOp){5 [# J8 X( c( O R2 [9 M7 p
direction = -1;
0 J# N, y5 Y% ?5 q( _2 K% V }. G& ?! V% z) o* y; a! L2 o! N1 w
delta=Math.min(direction*diff,delta);+ p4 m* g' ~3 W1 c6 x- M6 o
object.filters.alpha.opacity+=direction*delta;
# [: D- s ]6 v7 v if (object.filters.alpha.opacity != destOp){: |/ j8 m- n# t2 q/ f c5 m! G
nereidFadeObjects[object.sourceIndex]=object;
0 A# K" z- i" T nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
7 Q6 k0 D s! i1 z' J }
2 p: {3 f# n) ~4 d+ I: D& g( b}
" W' t6 L G+ U// -- End of JavaScript Code -->& g. a/ L2 C/ q- q
</script>1 G. V8 ?* S' y5 F7 K
//修改下面的图像地址和大小
" }4 J, m0 f7 Q7 m; V<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
! f3 q3 O5 v& j <TBODY>
- @2 n. W- p/ N4 d0 f <TR align=middle>
+ t1 |: r$ S+ P3 n( q; H* q" s <TD background=files/index_dreamweaver2.gif 6 f: w( H- T4 d% D6 E. W, v
height=60 width=60><A : S, |9 o" G% f5 k3 U. e
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
8 B# Y. e% }" | alt="Dreamweaver 资源" border=0 height=60 % U1 A7 l: D$ c3 s) a5 H
onmouseout=nereidFade(this,01,7,5)
( Y L0 m- Y4 j# x+ G onmouseover=nereidFade(this,100,5,7) $ G- H4 c, r! G$ I" @ [% W* ^
src="files/index_dreamweaver.gif"
& i( J1 P. P( o |2 v 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+ I6 ]7 o, J: h2 _0 m: A' m width=60></A></TD>+ a. F' ?! r1 l+ ]; K+ }1 C- u
<TD background=files/index_fireworks2.gif height=60
4 d: F+ I$ ~8 \, G width=60><A ( o' z' g7 `/ }/ T1 J
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 2 G% Q% G; m l! i$ x
alt="Fireworks 资源" border=0 height=60 ( k+ C- Z- ?$ G& ~: h
onmouseout=nereidFade(this,01,7,5)
, w3 P0 z' f4 y' Q1 P% p onmouseover=nereidFade(this,100,5,7) i1 @7 p9 P4 _ l l5 g
src="files/index_fireworks.gif" . J; j! Q Y! g) a& O+ 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)" . U+ j" R; z& C
width=60></A></TD>, k3 P( m9 s3 B% N/ q
<TD background=files/index_flash2.gif height=60 ) G! o, H5 O/ _! b: P4 B! Q
width=60><A
# b7 [3 Z A7 f. H href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
6 t+ E; g8 [9 K# ?5 | alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) ! X M' Z$ L7 ~ F' e% w
onmouseover=nereidFade(this,100,5,7)
1 u8 u p M2 Z2 |9 |# L9 s src="files/index_flash.gif"
' ^" X) C' u: q& 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)" ) R: }% G; {' D6 f
width=60></A></TD>( y/ g6 q9 }, b" {
<TD background=files/index_photoshop2.gif height=60
0 T, J/ u& A( r1 n d- A width=60><A 3 y5 k$ T b# [- }9 q: r5 O
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: \/ D! l% @( K- |) G alt="Photoshop 资源" border=0 height=60
. ?! m7 b9 C8 @3 j% K# w onmouseout=nereidFade(this,01,7,5)
! M) ~$ |# N) V) E onmouseover=nereidFade(this,100,5,7)
5 `, Z, M$ E' U" \# c: L src="files/index_photoshop.gif"
+ O! q* x/ F5 O$ f; n* M% 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)"
" `9 \ P! H5 G width=60></A></TD>
0 x! `5 i8 O' y3 Y& ^) L M5 c" k </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|