|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>9 n5 w. x. ?$ f6 y# q u
<!-- Beginning of JavaScript Code -------------------
6 q( \" @6 U9 [1 U, S$ m9 J6 Z- y- _/ A
nereidFadeObjects = new Object();
' J! m+ R) H7 J" T, y; y3 OnereidFadeTimers = new Object();% @" A g, K! e& b3 G( d
function nereidFade(object, destOp, rate, delta){
/ B0 J4 F5 r/ l# |, Iif (!document.all)
3 f3 Z3 d2 {; U' ?% Lreturn
5 V% D) g1 V7 b* K! x j; t' H if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
$ }; [; \0 B+ T7 D1 Q+ Q return;
) w6 p1 B3 ?2 `+ i }1 [' b6 M* Y0 }9 r0 S. q% g5 M
clearTimeout(nereidFadeTimers[object.sourceIndex]);
, }2 ~/ q7 |# N8 G, o; i4 M diff = destOp-object.filters.alpha.opacity;6 @# @3 z9 c) i# n" N; m- I
direction = 1;5 H/ A1 H: |7 i* H7 L
if (object.filters.alpha.opacity > destOp){
( a. ^6 E1 k v+ e, C direction = -1;# f# s4 w" |8 L2 ^8 X
}
# e' G8 k/ k' }7 \: D! c; b delta=Math.min(direction*diff,delta);
1 C, A, F4 B0 u# {& |4 O1 l object.filters.alpha.opacity+=direction*delta;
( h& D% P5 i- r2 \. Y$ [ if (object.filters.alpha.opacity != destOp){
" ^$ n; U. {4 ^6 [. D5 F nereidFadeObjects[object.sourceIndex]=object;
" h9 j# g9 r8 O9 T/ X nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
" @0 P+ y$ t! ?+ \& Z U$ u0 N! F; G }+ r. O5 i$ q0 N C' |6 A
}
! U( O, V: ]* Q// -- End of JavaScript Code -->5 t z. H+ s$ J9 _! C! t& a
</script>+ n0 x2 J' Z, ~
//修改下面的图像地址和大小; x- `3 V' ^& n# W: {) `% S
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>0 K3 I( }. {" f& u# `2 w
<TBODY>$ c$ V: s% ]; v4 C! R3 m; Q
<TR align=middle>, x, @: \! |1 I' `. Z8 s9 a2 c
<TD background=files/index_dreamweaver2.gif + ]6 ]. q4 u. A( f. y; j( A
height=60 width=60><A
( d q/ f; x2 ~6 t4 l) n1 y href="http://www.hooji.com/java/display.asp?id=542#"><IMG
7 @) Q0 ?" E k' s/ r+ a alt="Dreamweaver 资源" border=0 height=60 . ]0 j1 ?6 V" Z; Y4 q
onmouseout=nereidFade(this,01,7,5)
: h3 C* K* q* u onmouseover=nereidFade(this,100,5,7)
6 I5 A1 i5 k% d8 t; J. f( T, t src="files/index_dreamweaver.gif" # ~, {/ T' W- o, 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)" 2 z( ?% B5 H4 M# L3 m
width=60></A></TD>) _; ^" i0 W3 P, a
<TD background=files/index_fireworks2.gif height=60 - |4 E8 [8 d O" y
width=60><A
& |' F- }1 ]5 f4 F3 k3 c href="http://www.hooji.com/java/display.asp?id=542#"><IMG
7 x; ~8 W. u; P alt="Fireworks 资源" border=0 height=60
( ~' _5 Q9 ?5 ?( e2 d onmouseout=nereidFade(this,01,7,5)
4 v u( T% }' O- u' V) p7 I# ~ onmouseover=nereidFade(this,100,5,7) 9 R6 I# f% @* S$ S* a* r+ j1 ?
src="files/index_fireworks.gif" . s! a& ?8 g! ?- 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)"
! `8 K! [/ ?! e9 B width=60></A></TD>
5 F2 X2 b$ C2 i# z t# c <TD background=files/index_flash2.gif height=60 " b6 H4 O/ H |6 E! D/ K8 R/ G
width=60><A # M/ \, L2 @% y8 I7 O
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
4 {* ^* z9 H& ^! o alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 0 e% Z! m8 w6 ~9 T, D# O" K" Z
onmouseover=nereidFade(this,100,5,7)
- n$ I5 @2 o% W7 b7 k6 N src="files/index_flash.gif"
8 _' i8 V8 x( L2 B' ~ 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)" . I( i$ D8 ~6 L8 p0 k/ ], g b
width=60></A></TD>. [4 R% M( ^- K' I
<TD background=files/index_photoshop2.gif height=60 " \! M5 @# _. I# ^4 Z3 r, r' [% O
width=60><A
( U1 Z& ]. ^3 { q7 P( p2 z href="http://www.hooji.com/java/display.asp?id=542#"><IMG
+ y1 N8 j9 _! }4 y4 m5 H- K! r alt="Photoshop 资源" border=0 height=60
1 g& l/ g+ n q onmouseout=nereidFade(this,01,7,5) , R# G4 F& I' J( H7 K1 A7 \6 V
onmouseover=nereidFade(this,100,5,7) ' M' g( x* x' D9 S
src="files/index_photoshop.gif" 3 ]) q4 o# d6 k6 o) @) A4 t# Y t
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 ? R4 O7 v9 U0 B: m
width=60></A></TD>; l3 e4 h* i6 n- H3 _
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|