|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>/ X+ @/ S m6 P5 C8 y6 g. X, S
<!-- Beginning of JavaScript Code -------------------
- x' A( U4 @0 ` J( \$ z; p& y6 |3 r% g7 I
nereidFadeObjects = new Object();7 t2 ^. Y. s, _" y% g+ n7 `1 i( j" N
nereidFadeTimers = new Object();
. \) f$ G' H) E6 [3 E, B) G1 Gfunction nereidFade(object, destOp, rate, delta){
3 c4 ]6 B1 t! xif (!document.all)# r3 n$ C' Q( _$ f2 e0 i8 D
return2 s; j& [/ ?& c4 }0 ~4 z8 w) |
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);9 z0 U# |% k" k7 ?0 Y
return;. x; N6 z8 }- H1 x* R
}
# ?' a7 T- A* j clearTimeout(nereidFadeTimers[object.sourceIndex]);! q( V6 F4 F' a/ \; m! o1 I
diff = destOp-object.filters.alpha.opacity;6 V9 K! T" S1 P
direction = 1;
8 {3 E( p+ Y/ v1 a; b* N if (object.filters.alpha.opacity > destOp){
/ J8 H4 e( o% G1 G$ X* C$ n direction = -1;
+ w0 F7 ]/ g! D3 D% H. D$ I }' [4 H/ p( R! o
delta=Math.min(direction*diff,delta);
3 O0 P# l0 k' x/ c) {% d object.filters.alpha.opacity+=direction*delta;" K# `! E8 X7 k6 u' ^: B
if (object.filters.alpha.opacity != destOp){
1 ^9 Y6 w/ }; i% v nereidFadeObjects[object.sourceIndex]=object;
4 L! F/ F% M/ h2 u nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
1 S( ?8 w" t& U9 g4 o' T3 e }, I' S4 I* Q) U( }2 V
}
$ }# y; x. g8 d+ T$ Z/ ?( E// -- End of JavaScript Code -->) Q) c! o! w$ w$ _/ O8 _, W
</script>
7 Y% F2 ~3 I! ^$ {% H5 c1 H //修改下面的图像地址和大小" G; Q4 N; l2 E# r
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
3 J2 J. W9 ^& c' ^ Q3 F0 k <TBODY>
1 C& i3 o% q, b; A% P <TR align=middle>
) f. R4 h3 _) ]# g <TD background=files/index_dreamweaver2.gif
7 F( M+ [* q6 A! p% a1 h* P height=60 width=60><A
3 c5 ?3 _& g- b4 E6 x href="http://www.hooji.com/java/display.asp?id=542#"><IMG / c& d0 m+ s% b
alt="Dreamweaver 资源" border=0 height=60
# e$ c* T7 ]9 g* t. S+ C1 C7 M# U$ s onmouseout=nereidFade(this,01,7,5) 4 t8 f* B4 P+ o. P8 x
onmouseover=nereidFade(this,100,5,7)
) J# a9 w0 \' ^; }" `7 p src="files/index_dreamweaver.gif"
/ S5 v; ?, a" h$ Q4 e 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 B, ?" ]. i3 X" Z9 P7 C
width=60></A></TD>
' [0 Z0 w2 v0 B0 m& u <TD background=files/index_fireworks2.gif height=60 ; {. ?' h: r/ n$ \( w D$ z# W
width=60><A
& y! {; u2 {3 n, g! P9 k href="http://www.hooji.com/java/display.asp?id=542#"><IMG E9 P. `$ M- o0 l A( @
alt="Fireworks 资源" border=0 height=60 % a0 }/ [3 N6 ~ Y7 N
onmouseout=nereidFade(this,01,7,5)
0 p' r9 }4 G- l; W" R onmouseover=nereidFade(this,100,5,7) ) w. ]/ n, F: p# l$ Z" E( [: b
src="files/index_fireworks.gif" + ~+ e& E7 k$ p! e* ^
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)" ( t, [- p& I4 v( i; R* q- j0 C
width=60></A></TD>
9 i$ d, F7 M, g8 b <TD background=files/index_flash2.gif height=60
6 r2 ^; n& x2 o; o width=60><A
1 R$ U! B* r1 o, I/ C6 h href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
* r( r }1 U0 c5 ^% n alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 6 }) Y5 O3 F8 N+ H' L8 `
onmouseover=nereidFade(this,100,5,7)
' u! p1 l9 g; O' S0 `) d& V src="files/index_flash.gif"
/ U% y/ D- m9 z4 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)"
+ I1 Q* s! T+ j; E" T( R width=60></A></TD>
R& D# X5 v. y, r4 | <TD background=files/index_photoshop2.gif height=60
6 i" f/ `$ C& d3 Z. K7 w width=60><A 2 v6 k6 q6 C S. T
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
# x* a! s# Z! d8 y5 ` alt="Photoshop 资源" border=0 height=60 3 g/ s$ G& h, R
onmouseout=nereidFade(this,01,7,5)
) Q+ G* g* F4 v8 q$ N onmouseover=nereidFade(this,100,5,7) : v; U) q) b1 k- c$ x" T8 b; Y' s. c
src="files/index_photoshop.gif"
3 \$ E: O1 H: J0 I& 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)"
+ {9 }* x# r% R o" P4 s: X width=60></A></TD>
; o9 J; U; L' C- c- j </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|