|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
7 K% B- p2 c. W4 G+ K; y) v<!-- Beginning of JavaScript Code -------------------! l, H& L3 e3 b; F* w& S* l% o
: U2 Q1 s& S+ T# Q1 H; ~nereidFadeObjects = new Object();' l# Z9 F4 H" {/ c) k& V! w' d0 Y5 I
nereidFadeTimers = new Object();5 |1 M$ u( }0 @
function nereidFade(object, destOp, rate, delta){
& h+ m& t; j! U# S4 q; ]if (!document.all)5 t2 ^9 R; G) r7 `1 H8 R; k% U
return+ @( }! y0 P( H/ {
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
9 E1 m: |7 I3 e: g& C/ A& G return;
$ ~6 n& k+ z( X1 n x }
. m5 \1 e* ^% o8 i5 P- J e* {1 } clearTimeout(nereidFadeTimers[object.sourceIndex]);
: u/ C* T9 h. _5 e: E3 l diff = destOp-object.filters.alpha.opacity;7 L3 a, f9 w" o" a3 N1 J
direction = 1;! s3 l( w2 B/ q8 @* |
if (object.filters.alpha.opacity > destOp){. G" {& O0 C) m$ ?0 O/ X3 v
direction = -1;* i/ _- y# o: X+ z% k% _
}/ c6 _+ t0 X5 e- J( M+ w, t
delta=Math.min(direction*diff,delta);
4 }# q5 F! W: p object.filters.alpha.opacity+=direction*delta;" X5 O% s6 i& x7 q2 w
if (object.filters.alpha.opacity != destOp){1 A' K# t. T2 U8 A
nereidFadeObjects[object.sourceIndex]=object;" }& `+ i: P0 K+ f
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);0 V5 M8 q/ d- |) e: p+ }
}
( T5 Y0 T/ `, k+ H2 W+ D}
" M9 F; B* H+ k% P// -- End of JavaScript Code -->
' k- _. A0 E8 J- `+ M</script>
4 |! u+ U* T! ^5 S& Z //修改下面的图像地址和大小
5 m# ?: z4 v3 d5 E<TABLE align=center border=0 cellPadding=0 cellSpacing=1>, w) E- Y) j: z$ q7 R: A' k1 Q
<TBODY>
$ E: D5 ? K* [' }& S1 P <TR align=middle>
0 W8 Q, G# n" a1 _- A' ]( M9 T <TD background=files/index_dreamweaver2.gif 2 V- l+ u. q% {1 ?2 i
height=60 width=60><A
. b# V b" e0 M! r2 h href="http://www.hooji.com/java/display.asp?id=542#"><IMG 3 I) R2 B8 I$ q* v
alt="Dreamweaver 资源" border=0 height=60 ! ]1 Y$ \! ^' b; B* \
onmouseout=nereidFade(this,01,7,5)
" W& \7 c( \/ d( Y6 b4 Y% O onmouseover=nereidFade(this,100,5,7)
5 [% \1 l. z' p src="files/index_dreamweaver.gif"
5 }8 c' ^- p2 t* N. } j5 r' ~- y 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 ?+ ?7 f' H
width=60></A></TD>6 X5 S) n- y& `3 v2 s% i7 D) Z5 K, `
<TD background=files/index_fireworks2.gif height=60
9 m/ b: l# n6 Z4 F$ r width=60><A
/ L# C' F d8 p7 n/ h href="http://www.hooji.com/java/display.asp?id=542#"><IMG
6 A) m7 p& S# {( s4 S alt="Fireworks 资源" border=0 height=60 , h* l; S* P! e0 e X6 \/ D5 `* A
onmouseout=nereidFade(this,01,7,5) ; H( i& k. D+ A' G
onmouseover=nereidFade(this,100,5,7)
8 L7 J, m# \1 J src="files/index_fireworks.gif"
2 `: P8 k! E' q/ [ 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)"
4 g) q* E9 S/ b1 M9 R$ ] width=60></A></TD>
8 e( W) l! c. B; _+ w( y6 c( @: T/ R <TD background=files/index_flash2.gif height=60 4 G% a0 @7 @* n& Y, \! T$ Q7 B
width=60><A
/ I4 Z* j5 [/ d% q/ Y3 ~1 C href="http://www.hooji.com/java/display.asp?id=542#p"><IMG $ N& i) ? A- C) s6 ^: W
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
3 \# E0 e- X/ d/ e2 ?0 U onmouseover=nereidFade(this,100,5,7) ! v. v y: S3 [; L/ a, l# ~0 s O
src="files/index_flash.gif"
6 R& K9 [7 G' t& 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)" % z) R* |* w6 C z/ K
width=60></A></TD>* a% O& w0 V+ t: v( Y% e
<TD background=files/index_photoshop2.gif height=60
" j+ ]3 Z% ]/ A+ p0 h. W) C6 o0 Y width=60><A
# ~$ g5 X. Z0 Y2 W href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: I! n2 q j8 A, Y% w7 @( _: O alt="Photoshop 资源" border=0 height=60 ; J! @4 k2 \- }+ L `1 s( p
onmouseout=nereidFade(this,01,7,5)
8 U1 `' L: h5 j2 Z ? onmouseover=nereidFade(this,100,5,7)
5 Z8 }9 N% w+ B src="files/index_photoshop.gif" 7 b0 `5 U1 \9 ~
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)"
e' T Z; C: Q" _5 C% @1 p5 {8 V! m width=60></A></TD>
! \3 c8 w, x/ u, b3 g; J" c </TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|