网页之非常漂亮的图象效果

zw2004

<script language=JavaScript>
. E5 t3 a' ?2 ?% q  O<!-- Beginning of JavaScript Code -------------------8 ?0 A; f* ]5 {

. M$ g. ^, M# x3 N8 b& z' d' znereidFadeObjects = new Object();
) F- i5 `# j/ C9 gnereidFadeTimers = new Object();# Q# L/ Y+ o: h" T/ U
function nereidFade(object, destOp, rate, delta){4 C# [# l- _* r4 b* A
if (!document.all)6 I) q$ c+ R( s1 [  A* z7 ~
return
  O8 D- |) y' W/ S& V9 E& p2 q    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
5 ?/ y5 _% B" ]! U2 Z# l' o2 w/ u, b: U        return;5 N2 Y- \0 b! z. c& q+ A
    }
0 p  ~  y5 K, i3 S7 z    clearTimeout(nereidFadeTimers[object.sourceIndex]);: ~! m7 p* l& x8 }6 u5 J
    diff = destOp-object.filters.alpha.opacity;
4 t: q3 _2 T# B) Q6 l2 H/ S    direction = 1;
2 T9 \$ \6 _& E& g    if (object.filters.alpha.opacity > destOp){7 k7 c" e' }+ A" c5 t
        direction = -1;2 C7 J9 P& c2 w" L8 q% R* v& j  S7 V
    }
2 Y# |# q7 n! y% H    delta=Math.min(direction*diff,delta);
4 U3 z9 u2 {: R/ i! Q! n) h- T6 _    object.filters.alpha.opacity+=direction*delta;/ K9 D5 H. h* O! n+ M% C/ ^5 i
    if (object.filters.alpha.opacity != destOp){
  x0 Y+ R; w$ ?0 ?        nereidFadeObjects[object.sourceIndex]=object;
. P) M3 |! R6 h% k  d% z        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
0 u: c0 P+ E5 a9 Q- ^    }  [) C4 U0 ?' f$ V* w
}$ J; ~+ r% k& s# ]  Z% h
// -- End of JavaScript Code -->
! N8 }( W5 e8 o) }% ]# k8 a: u) V</script>
. v0 [( a9 G4 F //修改下面的图像地址和大小
3 V2 w' k5 D8 u<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
/ Q9 n. M$ e+ w# k0 W        <TBODY>
4 P5 t9 \' m4 L( u, V        <TR align=middle>& U  @/ d! f) w  `* A: [( t* z% I
          <TD background=files/index_dreamweaver2.gif ) z/ l, x3 X8 ^
          height=60 width=60><A
7 n3 \; B3 d  V: r2 q; d5 L1 z            href="http://www.hooji.com/java/display.asp?id=542#"><IMG $ s4 @( k" F7 M% i/ r2 n
            alt="Dreamweaver 资源" border=0 height=60 % _- ]% @. \7 B$ @! \  N1 U
            onmouseout=nereidFade(this,01,7,5) ; n& Y: R) M7 N$ n
            onmouseover=nereidFade(this,100,5,7)
. H! G0 c( T2 ^$ G  d/ h% ?" _            src="files/index_dreamweaver.gif" ) o5 a( s5 I+ L3 v, o: B: 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)" 8 o% {) K! p2 _0 ^4 B* R7 f
            width=60></A></TD>
1 a/ c5 K; m% n4 a' c          <TD background=files/index_fireworks2.gif height=60 , \+ {2 E  }' a/ z- b7 x6 n, F9 {9 O
          width=60><A
, f/ i' y. i  B9 @! K5 D            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
! q' B. L$ z! q3 h: n            alt="Fireworks 资源" border=0 height=60 9 T( K% m5 ~2 [0 C4 T; T9 C1 V
            onmouseout=nereidFade(this,01,7,5)
' Q& O5 k2 A: N% ]            onmouseover=nereidFade(this,100,5,7)
' @7 A& t; X2 O! k            src="files/index_fireworks.gif"
# m  p. W+ W) o6 A5 a- H4 w8 L            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)" ' F- z" ~$ q: Y/ j" ]
            width=60></A></TD>
- }0 Y/ ]' _! P8 m0 K          <TD background=files/index_flash2.gif height=60
6 ^/ e" p  c3 G) ~          width=60><A
( O7 N: A( F% }* K: G/ A7 G  F            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
. c  ?  B" O2 Z# C4 I. R+ M            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
. h6 x8 L" w* J: Q) G. e( a) e            onmouseover=nereidFade(this,100,5,7) ' V% W4 [/ l; A+ F. a" }+ Q
            src="files/index_flash.gif"
  X1 g- F2 i* ~. o            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)"
1 O$ ~+ J5 N( X5 B4 y$ ]            width=60></A></TD>- T/ w1 r9 a( I. Y
          <TD background=files/index_photoshop2.gif height=60 3 a+ {3 H6 p3 ^7 ~
          width=60><A $ E2 b: G8 B8 Y" b/ A" |' V
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
0 a  y5 H6 A8 R7 j2 g( V4 F$ S            alt="Photoshop 资源" border=0 height=60
* e, a( k8 |8 _2 z            onmouseout=nereidFade(this,01,7,5) 9 }- t6 v, n+ v; U, q
            onmouseover=nereidFade(this,100,5,7)
+ ?, K& h4 }- R3 ^6 D            src="files/index_photoshop.gif"
8 e# H. A/ D; W0 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)" 0 B) f% J/ O7 \
            width=60></A></TD>
# d0 d3 a* [. T$ {        </TR></TBODY></TABLE>