|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之非常漂亮的图象效果
<script language=JavaScript> T0 X5 Q+ A* u2 z. W
<!-- Beginning of JavaScript Code -------------------, m2 f" U* A- e- j ]1 L4 E5 z5 A
5 r: D9 `( b6 h. u; mnereidFadeObjects = new Object();
/ `- v1 I8 {$ h; A: r; |. qnereidFadeTimers = new Object();1 ^& k8 Z% H+ R
function nereidFade(object, destOp, rate, delta){. o/ w" c/ H8 d9 a& z! x6 m: R
if (!document.all)* N- e9 d. h4 G* S Y% X
return& X4 W& a. p" J, ]8 b% _
if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);9 S4 P8 J0 Z4 a' V
return;# `- Z; k9 M- ]3 {5 A! Z- F' B+ L
}; e2 l3 o+ {4 h; H% I- |5 ]9 C
clearTimeout(nereidFadeTimers[object.sourceIndex]);
3 H5 d3 t7 C, e' y* c) o2 V diff = destOp-object.filters.alpha.opacity;
2 r) K# A# f( S0 I; J direction = 1;
% {' C: F' ~: E1 Z if (object.filters.alpha.opacity > destOp){9 R- N3 X# ]. H4 @ l7 }7 q
direction = -1;- q7 v2 ?, v/ T& a; B2 W/ X. Y% B0 y
}
8 G$ h) d. i8 F# J- ? delta=Math.min(direction*diff,delta);
% i3 S% W' _7 v6 z' t( f object.filters.alpha.opacity+=direction*delta;( y& ]( \( Y5 ?* C# d
if (object.filters.alpha.opacity != destOp){. y2 a% v( W" J& G0 j$ ]/ |, E
nereidFadeObjects[object.sourceIndex]=object;
, Q, P ^* ?- ^' A" _& I nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
; N' z. J" L0 f2 M1 v4 R& ^ }9 B4 m& ~1 H4 V- T/ y3 w+ X
}
$ D7 | R% } L2 M2 X// -- End of JavaScript Code -->
: Z3 t( S" y3 o</script>/ R5 a5 z u. B1 n5 R) d
//修改下面的图像地址和大小
% e( b( d: k+ t% W<TABLE align=center border=0 cellPadding=0 cellSpacing=1>1 U9 v8 m% I2 n7 x( ^) U3 j! t/ }6 z
<TBODY>1 z2 e6 F1 M3 g7 r. Z7 u
<TR align=middle>8 t3 U* k. K! a3 `
<TD background=files/index_dreamweaver2.gif
9 f: q" \5 M, d% }. l height=60 width=60><A {. ?% j7 {- J1 B
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
# T% s4 e, `9 I. A alt="Dreamweaver 资源" border=0 height=60
" b& X, A- n& ~ onmouseout=nereidFade(this,01,7,5) - _) \/ T8 _( G: h6 R; _7 I" H
onmouseover=nereidFade(this,100,5,7)
! m2 H# D3 z9 ]" U k src="files/index_dreamweaver.gif"
" M5 G. |" N O0 h8 k0 u/ r4 t4 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)" ! v- N8 Z, u+ U H* {% ]7 ~2 W
width=60></A></TD>
, @: M3 z( _' @2 f. ?2 ? <TD background=files/index_fireworks2.gif height=60 . u( I! g. b7 ^0 M
width=60><A , {' k1 B8 ~" L5 Y: K3 t$ C
href="http://www.hooji.com/java/display.asp?id=542#"><IMG
" N2 s% q6 A3 F/ A/ E3 R0 ^ alt="Fireworks 资源" border=0 height=60 ! M+ S+ ^) S1 b! U; l; ~
onmouseout=nereidFade(this,01,7,5)
* ~& @! V3 K3 c# C1 S& U) k onmouseover=nereidFade(this,100,5,7)
/ F* `+ v j8 m8 Q9 B. K src="files/index_fireworks.gif"
) g3 |: T' i% e0 ?# f8 T( q2 d 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)"
+ I7 r" M# G( \) z! N width=60></A></TD>
5 x6 L, S0 ?+ C- I8 t$ }- J <TD background=files/index_flash2.gif height=60
# l0 S. U/ D* q) [# z width=60><A
% q, h5 d) R9 b! e1 @2 a href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 3 w5 D) E0 a& g1 {
alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 5 J2 Q4 A* r$ D, r3 n4 _
onmouseover=nereidFade(this,100,5,7)
" z5 ~- b8 ^& y( v3 v+ W" ?! ]- f src="files/index_flash.gif" 0 m7 I# J4 c3 U3 y9 p; _: S& 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)"
; N. ?- p) M& @ width=60></A></TD>* U8 ~3 |3 w: K7 C
<TD background=files/index_photoshop2.gif height=60 8 @1 g! p, F( Z5 y2 t3 `
width=60><A
& \; r3 Z9 V: i( N o9 d href="http://www.hooji.com/java/display.asp?id=542#"><IMG
3 F0 }) c) C/ P1 L! e( P$ j$ o1 R5 U alt="Photoshop 资源" border=0 height=60 1 p; G) {6 z& y% K
onmouseout=nereidFade(this,01,7,5) Y$ L4 b- a2 w% w0 N' p1 ?4 v1 x
onmouseover=nereidFade(this,100,5,7)
, N) c2 m* Q( }0 }2 L2 T src="files/index_photoshop.gif" % B% z% K1 a! M
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 U0 L! a% |- \3 o% _, t
width=60></A></TD>+ g% |+ m f) S! C" @
</TR></TBODY></TABLE> |
|
发表于 2008-1-21 20:54
|