|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript>% Q( C$ |7 |% U+ M
<!-- Beginning of JavaScript Code -------------------: s+ t& Z. X* b) e% Y! n# @' {% j
/ K4 h7 s* c) x. v* _( @2 Y3 m6 v8 S0 HnereidFadeObjects = new Object();
6 s1 Q; G4 e) [3 t4 ]nereidFadeTimers = new Object();2 _ u: d5 ^* {5 N
function nereidFade(object, destOp, rate, delta){( B F, o5 p+ i% W j" e
if (!document.all)$ M! o. B; n5 L/ A+ f( f6 B
return) j& V3 S: N3 u& V; Q1 ]
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
! t3 e/ C9 i2 b# Q, @ return;0 d) {. X. ]' T# K. `
}8 N a8 W5 Z0 X7 s, y! m* D
clearTimeout(nereidFadeTimers[object.sourceIndex]);5 v9 V5 j1 U" M; @) f* n
diff = destOp-object.filters.alpha.opacity;
9 n* B7 `- ]" G0 l direction = 1;
* W0 U& e5 J6 V if (object.filters.alpha.opacity > destOp){4 J% D; W$ N/ I- K: T& w
direction = -1;
6 l3 }" r, [% R }! k+ w( q6 j( d4 d6 R( h
delta=Math.min(direction*diff,delta);& }" b8 |- K& G; Q6 A% V
object.filters.alpha.opacity+=direction*delta;( N: m; f3 C+ U- g1 {) S {
if (object.filters.alpha.opacity != destOp){1 j" W) U: u5 V4 A: a, S
nereidFadeObjects[object.sourceIndex]=object;
k, r/ c1 s+ |+ G) r! _ nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
4 v: p+ o, b& q) f% q2 f3 E }
, ^2 ^. V2 q b7 W}' y% m* n9 B P5 g6 t
// -- End of JavaScript Code -->0 @/ h. V \2 E; d5 f2 g8 E
</script>
" T0 M0 P9 H0 C1 y$ I& B0 `+ K //修改下面的图像地址和大小
' g# ]: c3 r$ Q7 I$ N; E<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
6 @( P; |; H j; j <TBODY>
3 Z: \) w- V( V4 Q' ~& p/ h4 _" F" O$ ]& S <TR align=middle>4 f: p8 p( m' Q4 A! k
<TD background=files/index_dreamweaver2.gif
- C& N* Q- y Q height=60 width=60><A
$ H2 ~2 z% o2 }9 | D href="http://www.hooji.com/java/display.asp?id=542#"><IMG , x5 T6 ~* j7 R1 ~! X
alt="Dreamweaver 资源" border=0 height=60 , a$ K; M d" T
onmouseout=nereidFade(this,01,7,5) - J$ [# l; u: z7 `0 k' [$ o
onmouseover=nereidFade(this,100,5,7)
+ f6 e* E ]6 j4 N( m0 T src="files/index_dreamweaver.gif" 6 u! Z1 {7 j. C 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)"
' ]) i& B0 \' ~3 \2 m) u width=60></A></TD>
1 R$ W- i/ O) h- f) T <TD background=files/index_fireworks2.gif height=60
0 H3 h% j d" t width=60><A
0 o( w' P$ G( q3 d+ z# s7 i3 t7 M href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; T" X. X5 ?5 i! @+ C0 t alt="Fireworks 资源" border=0 height=60
/ K# }) d* a' x' Z onmouseout=nereidFade(this,01,7,5)
6 v$ @1 t7 L$ ^& y; D7 o- j/ m onmouseover=nereidFade(this,100,5,7) . ~, t( C; W6 L
src="files/index_fireworks.gif"
( D0 l8 u) d3 `% q; L6 I. 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)" ( Y; M. n1 N& ^* O6 V
width=60></A></TD>" t& N* Y7 J2 y, T0 o A
<TD background=files/index_flash2.gif height=60 8 t' }, u7 C3 b
width=60><A 2 Y1 u6 u; P) g; ^
href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
8 f' P* v% ]4 o alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
; O3 R3 G- Q* [/ X onmouseover=nereidFade(this,100,5,7) ) s2 c5 c4 f) T% W/ r3 F# C4 p
src="files/index_flash.gif"
, \) x/ e8 A# k9 d' f 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)"
6 n& {8 `; O2 ^2 K. @- Y+ i8 ] width=60></A></TD>
4 T7 I% m# t# i+ o1 D <TD background=files/index_photoshop2.gif height=60
+ V# ?. h1 T. p# ]8 s3 i width=60><A
: `: t4 V% u3 c2 U6 C href="http://www.hooji.com/java/display.asp?id=542#"><IMG
! n4 D4 ~) n" x2 p) [0 n alt="Photoshop 资源" border=0 height=60
$ ]9 d- ], }) `! [0 N! _ onmouseout=nereidFade(this,01,7,5) 8 h Y/ y* Q$ x3 p L/ c* J, `
onmouseover=nereidFade(this,100,5,7)
) B0 l8 p3 `5 L3 Q8 O src="files/index_photoshop.gif"
/ \+ u, p R+ ~0 d" I! o. _4 P2 c 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)" ( C6 Y3 ~$ X$ E) U8 k6 u/ J
width=60></A></TD>2 n7 }9 n! J! P6 O3 M' b$ h
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|