|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
' S3 v% \7 o1 H" b/ n6 k6 V<!-- Beginning of JavaScript Code -------------------
0 T, f" K' c+ a4 I+ S. v: U9 \: N+ w# { T! P1 e! M. g' t! P
nereidFadeObjects = new Object();1 D7 p M% a: `: \5 q6 K
nereidFadeTimers = new Object();
y' e0 ]- ?: r3 |/ m; Ufunction nereidFade(object, destOp, rate, delta){
5 d0 e4 R- F7 S; p+ g4 `; uif (!document.all)
, g3 ], f, V8 [+ Ereturn
9 V# r7 n- J- [: M; t$ I: r if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);. l$ F O4 p$ ^7 C+ o
return;
. \1 b. D' n3 Q; J8 { }% Q7 @' R9 Z ]8 c# J
clearTimeout(nereidFadeTimers[object.sourceIndex]);8 K* F2 C' Z; x# Z7 D* v, u. D
diff = destOp-object.filters.alpha.opacity;6 y% X2 w0 J2 q; e* o' g3 s& Y
direction = 1;6 N( \: u- L% Z: y% e
if (object.filters.alpha.opacity > destOp){: t8 y1 P2 _/ p/ W7 S$ ?$ C
direction = -1;5 H- I R+ _7 H, {( o+ U$ j
}
0 R6 c$ o z& x/ l+ A delta=Math.min(direction*diff,delta);% x6 a% }8 M" U
object.filters.alpha.opacity+=direction*delta;9 g ^! c) ]3 ]* O' l% `
if (object.filters.alpha.opacity != destOp){# \2 `! m1 m9 }# f& U( L, e
nereidFadeObjects[object.sourceIndex]=object;
* U' c9 G. E+ I. s( c nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
, O- p4 t; }% u2 {* f }
m& g) G0 K, M$ G# {; O) c: K}, |0 F$ ~4 z x: ]1 Z1 b
// -- End of JavaScript Code -->6 l: ^( P5 F# z+ b# \8 |' Z
</script>
( p. }( a. C& v9 X/ s //修改下面的图像地址和大小
2 y# `* p5 H& @, i; ?<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
% f! w1 y: `8 U <TBODY>
1 z J h b- A3 s <TR align=middle>! A9 J. d. S# Q
<TD background=files/index_dreamweaver2.gif : B6 B+ [3 _2 x& j
height=60 width=60><A 3 u1 i, h4 x, g7 V% p
href="http://www.hooji.com/java/display.asp?id=542#"><IMG & B5 E4 V1 B& @: K: c3 i
alt="Dreamweaver 资源" border=0 height=60 f" m' k, A7 K+ w V
onmouseout=nereidFade(this,01,7,5)
* t1 V" M x. v L- P onmouseover=nereidFade(this,100,5,7)
* a3 ^) w4 ]) }- }! G& c src="files/index_dreamweaver.gif"
/ M/ m8 n: E- G- `# u/ l# | 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 }' a) y2 X6 [$ \ width=60></A></TD>: H z( S, h- J1 m/ |" h
<TD background=files/index_fireworks2.gif height=60 0 b* K* Q& G' X* [4 p# {- m/ ?1 S# S
width=60><A
! e* c2 v' O3 v! @7 \7 Q5 @ href="http://www.hooji.com/java/display.asp?id=542#"><IMG - I+ q L% f7 U# j$ f
alt="Fireworks 资源" border=0 height=60
* r+ f" G! ~) f, n7 A( c onmouseout=nereidFade(this,01,7,5)
5 ?% Q; W, K4 S8 _" l+ `# o, s: ] onmouseover=nereidFade(this,100,5,7) 7 A. s; l) K: z( K, v( S
src="files/index_fireworks.gif" 2 O( d! |, U1 A9 H& \* 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)"
# w& h0 P4 ~1 e) b width=60></A></TD>0 c) i/ @8 g( u1 Q
<TD background=files/index_flash2.gif height=60 . l4 h) c- g' K- Z
width=60><A
, O8 F0 F* H: e4 S# n href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
) h1 q% a0 K3 _! F, P% \, w' U alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) ! N, R: e: e3 Y. u0 K
onmouseover=nereidFade(this,100,5,7) + s( t& r2 a5 K" T G9 N
src="files/index_flash.gif"
( V. B# H% Q, k2 R( t; A: 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)"
7 D" K$ Y. D+ i8 \' W3 b" h# K width=60></A></TD>
2 j% x/ A9 @0 Y6 b# T) A <TD background=files/index_photoshop2.gif height=60
; w7 W+ v2 g6 C7 u width=60><A
3 `0 f1 t* y( m/ h4 b$ o e href="http://www.hooji.com/java/display.asp?id=542#"><IMG
6 C, |% G j! q alt="Photoshop 资源" border=0 height=60
- U/ m6 a7 }& t, n" D8 l onmouseout=nereidFade(this,01,7,5)
) j3 ~( v3 s$ v) F2 h4 g- C4 } onmouseover=nereidFade(this,100,5,7)
6 @0 c6 s3 U3 v3 g src="files/index_photoshop.gif"
$ A: k9 f* F% d& |4 n0 y 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)"
1 |+ T4 S J9 `+ m _% k5 K width=60></A></TD>: G4 p' q: C- v; d5 V: S! v) t
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|