|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
3 R! s# d4 R# {<!-- Beginning of JavaScript Code -------------------
7 J5 G0 o; a$ a' E! f& T
3 J' _9 {# o- j: M4 R" d& XnereidFadeObjects = new Object();7 q2 [ c5 l* f5 `* w
nereidFadeTimers = new Object();* \3 O7 X( y! _+ d0 b$ \
function nereidFade(object, destOp, rate, delta){9 z d, w- G8 f# a
if (!document.all)/ S+ m7 f9 g! O$ h p
return
; y1 }( |1 r4 v( T5 r8 Y if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
7 m% w5 n- W! W: c Y return;
) n m; Y& p; k) J j# ?8 o }% f# P: C2 h! ~+ M$ f d' s( Z
clearTimeout(nereidFadeTimers[object.sourceIndex]);
" B. H' y, \. D, N: g/ h diff = destOp-object.filters.alpha.opacity;
! F. s9 D( y1 s: h5 B5 |' s5 L; s1 } direction = 1;& T1 L8 t" w7 j0 n+ Y* q D6 ]
if (object.filters.alpha.opacity > destOp){
1 T( A/ c' {+ g3 {* e0 j: Q direction = -1;
3 q+ X" t* g" x# i0 f6 {% {3 e }
' w- W4 a- g. b0 R' T1 _0 `0 a' o& | delta=Math.min(direction*diff,delta);7 k' D% o! S2 h% e! f. r# R# l
object.filters.alpha.opacity+=direction*delta;
8 e8 L7 Y# a0 U8 M& M if (object.filters.alpha.opacity != destOp){9 v7 F; S- l1 b/ I1 H
nereidFadeObjects[object.sourceIndex]=object;
! r9 Q8 U0 V4 }) s7 Y& y0 t" j nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);( n5 G& k5 w3 w! [
}
: c7 J1 i5 e% N( E. {5 @}( ^* H, S3 V$ m' B& Q5 n
// -- End of JavaScript Code -->6 R9 P5 o3 E0 h, K7 {8 S' o
</script> a/ i0 s2 g* e; \; d+ E0 \! s
//修改下面的图像地址和大小
6 i8 n; z1 Z1 v2 f2 B<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
* A" Q2 |# n _ <TBODY>4 y8 y1 N! Z/ t
<TR align=middle>- r' s0 F" e1 x& Z* Q+ f3 `
<TD background=files/index_dreamweaver2.gif
6 a; {1 E$ K3 e( I1 p& f$ f9 j height=60 width=60><A
7 B' A& `! h9 A9 f( C href="http://www.hooji.com/java/display.asp?id=542#"><IMG 4 f/ I% I6 K; @7 m$ P
alt="Dreamweaver 资源" border=0 height=60
4 S( c/ V$ g- o% d, J onmouseout=nereidFade(this,01,7,5)
0 e5 |7 Y5 H$ L$ q3 P* e onmouseover=nereidFade(this,100,5,7)
. B8 u" O7 t; A, n6 v e src="files/index_dreamweaver.gif" ! e" K; n9 q. I: P: k
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)" ) q' ?$ e1 }+ [+ r
width=60></A></TD>) a0 B8 N y: m
<TD background=files/index_fireworks2.gif height=60 6 ^6 J2 g3 O s$ @ a+ P( h6 V
width=60><A * ^1 _1 Z6 X/ f
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
) H! t& ?% b0 z alt="Fireworks 资源" border=0 height=60
6 W' d3 J" S- g+ w4 W onmouseout=nereidFade(this,01,7,5) ) l. l, A6 r/ c3 h4 M! R
onmouseover=nereidFade(this,100,5,7) ! l0 O$ Y2 j5 M- g
src="files/index_fireworks.gif" 6 x+ x/ p6 A$ S
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 t) o8 ^4 l& A3 f# p" M: S
width=60></A></TD>6 R* F S2 m' d' t
<TD background=files/index_flash2.gif height=60
0 C! Z$ U* U7 a2 c! n7 p9 y width=60><A + B' r6 q6 o. s' M
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
F- `/ k Z: _* x alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 8 L6 h. r8 Q- S4 R0 U% v$ K9 W
onmouseover=nereidFade(this,100,5,7) / V5 X4 K2 |7 y! ?( O
src="files/index_flash.gif"
3 T8 H6 O/ B1 V% Z' N' L9 g1 f3 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)" & O9 H0 o ~8 U! l
width=60></A></TD>$ C$ K4 G8 }& \- o' ]% n% Z" a2 x
<TD background=files/index_photoshop2.gif height=60
' y# z' D3 a( k9 s width=60><A ; T( z7 S" _! y: |' {
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
! h( g$ m7 I, Q0 q! o alt="Photoshop 资源" border=0 height=60 * k1 i# `0 J1 S. N
onmouseout=nereidFade(this,01,7,5)
7 N/ a1 S9 E, r g! L onmouseover=nereidFade(this,100,5,7) 2 v% t! l2 g, U/ V0 M* `
src="files/index_photoshop.gif"
3 A# o. U9 P( T. c" A, j 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 R; |7 |3 }1 I" p
width=60></A></TD>
/ l% r* j7 u# g0 a" X </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|