|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
- t2 Z: I0 ], l<!-- Beginning of JavaScript Code -------------------5 G( _! e3 T' q+ @5 {" Q
M! ?. _/ \% Z: I; xnereidFadeObjects = new Object();
& P- E) F( i, h+ C) C, @7 h$ f: jnereidFadeTimers = new Object();3 T8 B' g1 d4 T" c$ s: o
function nereidFade(object, destOp, rate, delta){
& w+ [9 C8 y- {6 }# \3 x5 Z2 _, nif (!document.all)
1 Q% F" M% q1 d& K) m3 v3 `return
" b7 N N' s/ V0 ]; {1 x! i if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);/ C [7 f Y2 ~" Q% Z0 } F ^4 Z
return;- b3 p! e8 R) b, F0 e' g
}
7 @( e) B4 C* M3 F) Q clearTimeout(nereidFadeTimers[object.sourceIndex]);
- R) L& y+ r$ K7 \5 z4 p7 x diff = destOp-object.filters.alpha.opacity;& a8 h# V6 e! M$ h% _; F3 Q
direction = 1;
! c) {& Q7 k8 e$ K9 |3 v if (object.filters.alpha.opacity > destOp){
* H/ n- Q. S' X! s9 ? direction = -1;
5 L: o- t1 G8 S/ n$ Z. x( ?& ~ }
0 \' q4 Z# P+ e/ ?$ t7 q$ Y4 t delta=Math.min(direction*diff,delta);) q0 v+ L; U! j8 I6 L$ t+ S
object.filters.alpha.opacity+=direction*delta;& w. k/ {& C2 e* h
if (object.filters.alpha.opacity != destOp){
" D$ K3 M6 y. O5 P) c' p& `8 q nereidFadeObjects[object.sourceIndex]=object;
j3 h2 v3 w- q$ u% S% F nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
, E1 [' T5 \; W& U' f }$ o: W8 R0 \% r
}# } f( |1 K0 G: i9 T
// -- End of JavaScript Code -->4 q: j5 v( r0 s
</script>4 \9 o0 |5 r" K5 k2 E
//修改下面的图像地址和大小
0 l2 |( _7 O9 l+ a<TABLE align=center border=0 cellPadding=0 cellSpacing=1>: L, m# j' }) F2 }: n. [ C z
<TBODY>
4 E1 I8 x3 M5 L$ s. _ <TR align=middle>/ q @" {9 O; W3 S
<TD background=files/index_dreamweaver2.gif 0 Z" A: @4 E. i% w
height=60 width=60><A
" ^% I& E, E2 d9 L: i) v h href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( N. P6 x+ ]/ ?( |+ g
alt="Dreamweaver 资源" border=0 height=60
! e0 U1 c8 Q$ h [& a/ J7 L onmouseout=nereidFade(this,01,7,5)
' H. P. G- L( n5 L onmouseover=nereidFade(this,100,5,7)
8 U3 n' h- Y4 B) }6 W src="files/index_dreamweaver.gif" 8 E# G$ b- K: n ^ I9 D- 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)" L0 u, h) @. b. \5 x
width=60></A></TD>
( j" M) j( i( o" |( h- B9 i7 F <TD background=files/index_fireworks2.gif height=60 * K! Q2 p1 r; B0 g; n* |9 M
width=60><A
9 z ], J w3 Z1 A6 \5 v href="http://www.hooji.com/java/display.asp?id=542#"><IMG
# |7 @' u6 M( [, B alt="Fireworks 资源" border=0 height=60
! A3 Q* c/ s8 |! v% v onmouseout=nereidFade(this,01,7,5)
_2 s. r9 A. O. B onmouseover=nereidFade(this,100,5,7)
8 y2 t: R8 n3 U) u src="files/index_fireworks.gif" ; e& i: d' R/ B3 C3 v0 ]8 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)" 8 C1 U% d* {/ ~, V4 Y9 _
width=60></A></TD>9 t1 M x0 Q2 n r
<TD background=files/index_flash2.gif height=60
3 p0 x1 a* `+ |, E0 P width=60><A
" b& |$ b; W9 U# u% D href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
3 `7 d( W0 M' c+ g+ P alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) , q1 Y$ q* t/ L3 B B. \: T8 S: B: w
onmouseover=nereidFade(this,100,5,7)
) e5 J% _ f& G H0 D0 ` src="files/index_flash.gif" % K- ]8 T ]& V. R: v' P/ P3 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)" m: i, @( X: e0 \5 p+ S3 e
width=60></A></TD>2 p9 j3 }7 U& H P7 R' K
<TD background=files/index_photoshop2.gif height=60 " h2 B) @: P7 @/ D( I$ h
width=60><A 3 _9 g' r- i4 O+ d2 y
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
6 t( b, w7 d! p7 u alt="Photoshop 资源" border=0 height=60 ) P j5 H- u3 x" f( x' T
onmouseout=nereidFade(this,01,7,5) + h; j& ]1 P2 v$ k
onmouseover=nereidFade(this,100,5,7) + L8 w7 V+ V! D6 d' w7 `4 n
src="files/index_photoshop.gif"
! u- @: C+ T; o2 _ 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)"
0 T, s% J$ ?# v& o ` width=60></A></TD>( H* T! ^1 F, c4 e/ K) v- N4 o# _2 E
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|