|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>
8 h# w: q3 a5 h<!-- Beginning of JavaScript Code -------------------
4 n& Y ]) B% l/ b; u" a U
1 Y6 ~' [" ~" G# e0 B* T6 LnereidFadeObjects = new Object();
+ o4 U# C" U( I- A" l8 knereidFadeTimers = new Object();
- {" c6 }" k8 \) h& p) A5 {function nereidFade(object, destOp, rate, delta){9 W h4 F O: z, G( c( F
if (!document.all)
: v% K+ V* N% ?+ F9 Hreturn& b! d' U, g0 Z& h Z
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);- |: ^* i# Z0 M+ [
return;/ O/ k/ }/ |0 k( k. T) u
} l n9 o7 i$ A/ w8 R
clearTimeout(nereidFadeTimers[object.sourceIndex]);
4 u* K0 v/ _, ?" q8 [ diff = destOp-object.filters.alpha.opacity;
( ?( i) E2 ^- A, b* j/ g% M) K direction = 1;
( c6 ^+ `2 t9 N# s& T. s% n if (object.filters.alpha.opacity > destOp){
0 K) T! n6 R: R( Y direction = -1;
$ z& l- M9 D- Q& Q4 Y! ` }
+ X. K1 R& m7 K5 m$ z# o+ z delta=Math.min(direction*diff,delta);% y4 @4 @" r* a7 _) L
object.filters.alpha.opacity+=direction*delta;2 Y* M$ @- x! G8 f
if (object.filters.alpha.opacity != destOp){
! v& { n7 a' x4 ? W nereidFadeObjects[object.sourceIndex]=object;+ e- s( @9 Z/ n5 @! U! B
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);) o- {* `, ]( O' @( ~2 O' W
}
7 _0 N& v) Q# f& _/ L. ~}! [) \. Q9 q' Q5 K' B6 [& e
// -- End of JavaScript Code -->
! e7 |8 n0 F: O3 O- z</script>3 k7 x, h/ U# R3 I$ S+ B
//修改下面的图像地址和大小
- L0 q, H& Y+ x- U' }$ s) E<TABLE align=center border=0 cellPadding=0 cellSpacing=1>, ^6 Z c% t4 l: U+ l# L% g
<TBODY>
. P* m4 V4 q: R <TR align=middle>, s- ~+ m& ~6 |' c- Y% \
<TD background=files/index_dreamweaver2.gif $ z' V( x9 p6 x0 A6 O9 Z
height=60 width=60><A 8 ~! c. E# A5 W0 p
href="http://www.hooji.com/java/display.asp?id=542#"><IMG & y/ J' \5 X3 A3 a, M
alt="Dreamweaver 资源" border=0 height=60 * A* Q' @$ S9 z7 j& {% E' B
onmouseout=nereidFade(this,01,7,5)
( M$ {6 p4 e. Q8 v5 j( t6 d; b- ]" n onmouseover=nereidFade(this,100,5,7) 2 ?* n5 i! C3 O- w5 H
src="files/index_dreamweaver.gif" , E5 Q+ \+ W: 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)"
' w* L3 k9 Q# ]( o; b8 ~8 l width=60></A></TD>
& {9 {3 i3 v. q4 A/ S9 e- u( C <TD background=files/index_fireworks2.gif height=60 + b- f3 ]% P5 F3 v, |
width=60><A a$ y! J+ u) w: r
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: V, Q6 G+ x7 G. {9 }: q. g alt="Fireworks 资源" border=0 height=60
7 q1 y, b- }1 J' i; ] onmouseout=nereidFade(this,01,7,5)
' x+ ?7 i+ n+ Q) p9 Z onmouseover=nereidFade(this,100,5,7)
; K* {% {9 w6 v6 ^. L; K src="files/index_fireworks.gif"
4 i0 [3 c& t3 ~; 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 c5 q! Y H" q* D1 L( H
width=60></A></TD>
% g8 f8 d# Z. l4 ?7 Y7 b <TD background=files/index_flash2.gif height=60
8 r, B; W6 M! ^5 w ? width=60><A
. _( t1 L. r$ L( f href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ) e2 h: |8 |! _
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) + j7 V1 d4 _! e M
onmouseover=nereidFade(this,100,5,7)
8 k! K* p) q; Z7 T6 r src="files/index_flash.gif"
% h2 B6 O# J8 A4 B8 i$ Z. u6 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)" 5 d7 q- v$ ]; b9 V5 C6 C* Y2 N
width=60></A></TD>
: z. p( O6 _2 V n# G& E <TD background=files/index_photoshop2.gif height=60 9 f, c; i A9 x8 k1 H7 b+ e+ I3 w
width=60><A 5 E. S! n6 P+ w: T3 ^& Z
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; C4 K5 T) F% W8 L* l0 S alt="Photoshop 资源" border=0 height=60
" x- F( {; M0 Z: n onmouseout=nereidFade(this,01,7,5) ( o* Y) H8 }& R
onmouseover=nereidFade(this,100,5,7)
( a9 w( u0 ?, E' }# g N src="files/index_photoshop.gif"
& a( r4 s/ s; A$ K/ u 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 D+ |' }: f7 B width=60></A></TD>- B5 j& ?" f! Q0 W8 V5 U, {
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|