|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>4 `. r, W0 Q# l7 H' V l
<!-- Beginning of JavaScript Code -------------------8 Q+ D- O7 T. u' r3 f) d
+ S8 X X, M& ~# ZnereidFadeObjects = new Object();
% k3 f, c% c, _/ x7 ZnereidFadeTimers = new Object();' n8 k7 f5 L8 R5 r, s
function nereidFade(object, destOp, rate, delta){* y! a% b* [4 ?& v0 _2 [( J
if (!document.all)9 p3 x; O/ n4 d5 @# D: |" a
return
. W5 t- N4 O* P if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);0 _' v/ w8 w) r- J: B* n \. o* w, d
return;
. }8 x: u/ ]" T6 n/ P }4 T3 K. c' p* n% J
clearTimeout(nereidFadeTimers[object.sourceIndex]);
6 J4 f* ?6 C% f9 R diff = destOp-object.filters.alpha.opacity;
/ S$ q: J* O( M8 y/ G4 I+ s8 T: M direction = 1;
2 {$ j: X4 B% R, H" }9 o# _; Q if (object.filters.alpha.opacity > destOp){
0 T ^6 k) G8 R5 m8 g. V% J direction = -1;) D) P4 k' n& {; K' v/ v s7 E n
}5 }& a. I! u& f0 p- ^
delta=Math.min(direction*diff,delta);
$ z+ T: _! ~9 m" W' G6 R object.filters.alpha.opacity+=direction*delta;
. ]+ E6 w+ V% u; v# j; M; O if (object.filters.alpha.opacity != destOp){
# ]5 ]; T6 W' v nereidFadeObjects[object.sourceIndex]=object;
$ s7 x, Z( I' U0 F9 p' C nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);& o& I0 h0 z7 M" f3 l: |
}$ ~1 ^" y3 `. _" H% ~
}
! k* Y7 B; W( L+ X// -- End of JavaScript Code -->
/ S9 V R" F+ r9 R! ?</script>9 x1 B+ v% E9 \2 E
//修改下面的图像地址和大小* L$ J6 Y) R6 W* Y- U
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
6 T" ]) O* a% r3 M <TBODY>
7 E2 D! ~% {; M <TR align=middle> c8 b9 K; h" F4 t; R/ P" s+ ~3 m% K
<TD background=files/index_dreamweaver2.gif
$ V" u7 C/ K; y1 f/ u; Z height=60 width=60><A 1 B* h; K2 v9 w
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
! z" b4 f4 ~. \3 x alt="Dreamweaver 资源" border=0 height=60 7 o" z/ M: }; o: T6 b
onmouseout=nereidFade(this,01,7,5) $ {. \* a) c4 x( a* t9 G* x
onmouseover=nereidFade(this,100,5,7) 5 a6 Z8 z) v+ W, k x
src="files/index_dreamweaver.gif" : s% n! [: @( _
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)"
3 {$ y" M0 S6 _/ V width=60></A></TD>2 W! a! I6 Z4 n# e$ F x
<TD background=files/index_fireworks2.gif height=60 # ~ e4 s/ M7 O5 y, J& o
width=60><A
1 k# d4 ?$ ]/ Y href="http://www.hooji.com/java/display.asp?id=542#"><IMG + e8 G: j6 C. I
alt="Fireworks 资源" border=0 height=60
+ R0 J. E; _. v onmouseout=nereidFade(this,01,7,5)
' m* x _# W; E# G. I2 i onmouseover=nereidFade(this,100,5,7) / ~* G, N f, d/ ^ t4 R1 B7 f! ~
src="files/index_fireworks.gif" 2 ?, H2 k5 g3 L3 M7 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)" 8 {/ v/ c. Q# ~5 H# Z0 Z' B6 S
width=60></A></TD>7 H6 A% Y- S3 I% _# r8 B- L
<TD background=files/index_flash2.gif height=60
5 F4 D3 V: ^7 ~ width=60><A " `" ?1 M# R- [$ Y
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG - L: k7 M, d; S1 I$ ~! n3 H( x
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
. D, _% S5 @7 V9 J! u8 \/ I onmouseover=nereidFade(this,100,5,7) ' A6 D2 |& F! `% j
src="files/index_flash.gif"
' n4 J$ N) [. \) z; m* c: 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)"
' b3 }: a; V9 q) ~0 g width=60></A></TD>
3 y, z0 l! b- v2 `( J6 o <TD background=files/index_photoshop2.gif height=60
" p( s4 S0 E8 J+ F width=60><A " a8 W, G& o7 }' n
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: N- E* B+ a9 l$ } alt="Photoshop 资源" border=0 height=60 3 y6 A; \9 ]* s) [; w
onmouseout=nereidFade(this,01,7,5) 9 X7 I" Y: Y2 ?, W! W: n
onmouseover=nereidFade(this,100,5,7) ) I. \# C; x. I0 } S
src="files/index_photoshop.gif" 4 ^5 }% R* c4 v% V2 R0 Y. k5 q5 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)" ( L0 `# ]/ [' n& X, \. ^
width=60></A></TD> c% a$ d+ d, [$ |" J
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|