|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
/ T* Y) \6 h+ ^1 h<!-- Beginning of JavaScript Code -------------------0 o: N" T1 z; B* Z' \' t+ l
3 g9 u+ m4 o0 I) o0 _nereidFadeObjects = new Object();
- I( f. ?) m4 ]6 _1 `nereidFadeTimers = new Object();
+ t4 l* C. j% u& I% |; _function nereidFade(object, destOp, rate, delta){
* R3 u* i$ Q8 d( N3 ~if (!document.all)
' z( A4 F3 Y( l+ [, z" xreturn
3 I5 K/ |$ ^' K$ D if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
. b0 \9 Q5 j" Z# R0 @% E return;
' Y8 z# K- [, j3 G5 p }7 X6 I0 ? }1 G) L- z
clearTimeout(nereidFadeTimers[object.sourceIndex]);
+ W1 ?1 Q7 k0 @3 b- k' X diff = destOp-object.filters.alpha.opacity;% M7 @( O5 i1 `. S7 i9 ^8 C
direction = 1;
. e0 g& D# F0 i' M/ K0 j. t if (object.filters.alpha.opacity > destOp){* c, a! y8 ]: O+ Q3 G; n$ C
direction = -1;1 } K6 D$ K1 ^( F- t. q
}
$ X7 q# n) h) O7 E delta=Math.min(direction*diff,delta);
, G8 o" B2 A. h, j* y$ I, B T9 j object.filters.alpha.opacity+=direction*delta;7 L$ \9 j. P. W: R7 o% }( V% m& S
if (object.filters.alpha.opacity != destOp){
! k2 z3 X3 R; s9 O0 F nereidFadeObjects[object.sourceIndex]=object;
6 V2 Z' e% z* R! { nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
0 A" f& E! S4 V1 ] }) C7 J& {6 b+ [; M; A( R
}3 S* A5 b% f- g$ k3 g
// -- End of JavaScript Code -->
$ P+ D6 J/ j( {) Z, R! x* M. |1 ^</script>
% E/ A: p7 p4 r/ d //修改下面的图像地址和大小% x0 }; g2 Y* O3 n; ?
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
1 f0 W2 s* M3 \9 Q3 y <TBODY>
v/ ]% {2 b% H p7 ]0 u2 _. V <TR align=middle>3 Z) ]8 P& F5 D' z, ^) W( ?
<TD background=files/index_dreamweaver2.gif
7 [! c" C' r* [, Q$ ?$ i3 }( x height=60 width=60><A 5 g t8 P& W6 E) T% _1 @
href="http://www.hooji.com/java/display.asp?id=542#"><IMG 2 }4 ^. r4 S; a
alt="Dreamweaver 资源" border=0 height=60
) z D2 }+ H/ \ k& A onmouseout=nereidFade(this,01,7,5) & |2 r9 {' U. m, ]1 Z$ U1 }
onmouseover=nereidFade(this,100,5,7)
$ ]' y/ H3 B+ z( q- W src="files/index_dreamweaver.gif" / x- {" J: @* Q. g. b P2 a
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)" 6 @9 v6 E4 R% x+ @4 n- y) H" [
width=60></A></TD>
3 L1 W& K$ Q/ i. Z4 ]+ W6 N, ` <TD background=files/index_fireworks2.gif height=60 8 V! v/ I. V' e+ E' o
width=60><A
. x1 I5 W% `! W9 ?! u href="http://www.hooji.com/java/display.asp?id=542#"><IMG 9 H5 m& Q8 d; Z# a5 v" c( W9 C$ o
alt="Fireworks 资源" border=0 height=60
* Q: G* ?6 ]3 k* g) Y onmouseout=nereidFade(this,01,7,5) $ s) f$ J2 e+ \3 o" }
onmouseover=nereidFade(this,100,5,7)
: H; u) t2 A: x! Z d, E# ^% g src="files/index_fireworks.gif" 6 \+ R0 K" p# M7 a5 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)"
2 q; p/ J' k( @, L, T8 l width=60></A></TD>! h( R% m+ ^ I0 o
<TD background=files/index_flash2.gif height=60
, c- Z4 t! f2 P, V) M9 e width=60><A
- t% j8 t/ z1 ^2 ]7 _8 M href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
% L4 h# u2 y5 d1 H/ f: C. H) _ alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
0 U5 O. n" ~! [9 c' V# m! j onmouseover=nereidFade(this,100,5,7)
) X9 {$ q3 i3 H* b. T. w src="files/index_flash.gif" 6 p. m: E; }! S8 o
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)" ' q8 [. \2 \+ l& j: N: _
width=60></A></TD>
4 i; S2 o# c. x$ |- i <TD background=files/index_photoshop2.gif height=60
# L5 C/ Y H2 f( s: L4 G8 p1 j width=60><A
* f3 _5 M' k: H- W) l4 l href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; M$ G' S8 @/ w+ g1 S, x0 ~0 K alt="Photoshop 资源" border=0 height=60
6 \. k4 G+ _. `+ {& X4 \ onmouseout=nereidFade(this,01,7,5) ) f) t8 } E8 v. N3 V) q
onmouseover=nereidFade(this,100,5,7)
$ n) {( t) C2 o" F- o src="files/index_photoshop.gif"
( T3 C1 t! u1 g1 W. X, 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)" C/ _- M# D! B
width=60></A></TD>
/ X- j- T" O$ M7 ^( I; r% E </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|