|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
2 e1 I) E" j) p# x `7 [<!-- Beginning of JavaScript Code -------------------
8 P5 K1 {: d4 v. p @
+ y, x$ w% ^* N- l9 ~nereidFadeObjects = new Object();7 n! V: |9 G0 o+ C" P- Q: t# M
nereidFadeTimers = new Object();/ t* b" m8 C+ P8 [ U. i& b
function nereidFade(object, destOp, rate, delta){
0 q6 Y* V/ D, @7 F# d% n7 y2 _if (!document.all)
( B% }9 D6 ^; F/ ~2 g. Hreturn% L+ l3 l# F# D' h. B: F
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
- C; b! I; i3 j2 Q& l* U9 e$ d% d return;
) `% ]) o0 r* K/ v# r- k7 } } X e% u b5 ~8 d
clearTimeout(nereidFadeTimers[object.sourceIndex]);
% `/ R E5 b6 }5 x! O. J diff = destOp-object.filters.alpha.opacity;
& L I0 j0 L! k# {( j direction = 1;
0 C, T Q: B: d. H, ~6 [ if (object.filters.alpha.opacity > destOp){! C# e' ~5 Z' c4 D$ l' {- v
direction = -1;# b D! b# B1 u8 m. }
}! S9 z" S1 l6 X
delta=Math.min(direction*diff,delta);
5 ~3 y% J/ _/ ? `' z object.filters.alpha.opacity+=direction*delta;
8 I/ G8 c9 n0 T7 i if (object.filters.alpha.opacity != destOp){
8 n# ]; H& ?) a- U- t nereidFadeObjects[object.sourceIndex]=object;
; ], W. a- r9 {2 Z' ?9 k5 g nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);3 @+ |7 V6 J) y5 p( J
}
& m4 j: p; k/ ?7 l9 c}9 v; m) Z. i8 \
// -- End of JavaScript Code -->
$ a- g0 j- P9 m- Z i7 y</script>+ p/ o& I o: A, B) L
//修改下面的图像地址和大小
. n2 i" k+ U) k* a4 f X# f<TABLE align=center border=0 cellPadding=0 cellSpacing=1>0 w- G% Z+ J) i% D$ j% c+ v$ s
<TBODY>* n h) U: L2 L: J$ y+ h5 N
<TR align=middle>- `8 \# P2 n( I9 `, G
<TD background=files/index_dreamweaver2.gif
, ? S0 O7 v9 @# i( D5 l m" N height=60 width=60><A 3 m6 U3 s8 a% t" q0 D0 T
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
6 Z1 W% i. K& i) I$ g/ B( e0 q alt="Dreamweaver 资源" border=0 height=60
4 H, R7 {2 m8 }/ L onmouseout=nereidFade(this,01,7,5) 9 t( w7 i% K; g }
onmouseover=nereidFade(this,100,5,7) : ^0 V* O3 ]6 O
src="files/index_dreamweaver.gif" ( |& y- ]0 u5 k5 e- k
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( ^, O2 \% q
width=60></A></TD>3 \: \2 s, f" Q1 o6 E) y, N
<TD background=files/index_fireworks2.gif height=60
# w6 {( g; Z4 C, B* V& s0 b width=60><A % w( g* w. q, @. L# a3 b3 ?
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
1 Z8 |2 j# c; J: ^/ y. | alt="Fireworks 资源" border=0 height=60 ! l Y- J( i7 G0 r
onmouseout=nereidFade(this,01,7,5)
* t% H6 ?. _. m) b' ?6 R) _ onmouseover=nereidFade(this,100,5,7) 5 ]5 }1 s4 D& h9 I4 |# w& u
src="files/index_fireworks.gif" ( I" Z& ]& Z4 p6 z
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)" & X7 ~# W; V6 y* B3 r% U( o
width=60></A></TD>
* I& \+ Q- s! ^% M+ A <TD background=files/index_flash2.gif height=60 & R) s. u9 y$ e u% q- r! y
width=60><A
, N; C/ c% T$ q+ E* ]; M href="http://www.hooji.com/java/display.asp?id=542#p"><IMG * k' i6 e) Y0 b; r7 v: }9 r8 S4 a
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) # x0 l- I% X( I8 w: t. C" E5 D% W
onmouseover=nereidFade(this,100,5,7) ^8 |1 ?) w6 P
src="files/index_flash.gif"
1 t; v4 I9 s7 v" i, t3 ~9 Q% J. b& y 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 T$ Q: J s0 N width=60></A></TD>
: Z0 J( \& Z% l5 } <TD background=files/index_photoshop2.gif height=60
9 c0 {* Z3 }+ g9 B! D c8 v width=60><A
, w9 o1 T) l. h- h" [ href="http://www.hooji.com/java/display.asp?id=542#"><IMG " v" w- \/ w+ M! s' U% ~
alt="Photoshop 资源" border=0 height=60
9 {8 X3 D5 {. h! i: m2 z: Q onmouseout=nereidFade(this,01,7,5)
5 u9 n8 [+ t3 J" L" ] onmouseover=nereidFade(this,100,5,7)
* k& z. E5 H, J. n& M src="files/index_photoshop.gif" " Z, ]6 X8 ?2 ]. o. ]( x+ @* g
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)" * A$ H: Y3 L0 C: F- I2 q. {
width=60></A></TD>' s; T9 n9 Q4 N
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|