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

zw2004

<script language=JavaScript>
% }2 H8 q+ c) w* m<!-- Beginning of JavaScript Code -------------------1 d$ n. J! a  X$ x5 `0 e

) s. {4 }8 V4 {3 f9 j, RnereidFadeObjects = new Object();
8 [$ }3 q7 A  S7 N* c# @/ Y  r! P( MnereidFadeTimers = new Object();
5 p' G& H, o% cfunction nereidFade(object, destOp, rate, delta){
$ f5 S6 u8 B4 D" K( i& H1 f" rif (!document.all)
6 \8 K3 x7 j* w  r5 B" S/ b$ Kreturn) i9 v; \& A4 q# g* H
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
9 R( I* U" ~' _0 k2 `6 m9 J, x; B        return;
3 X2 b" A8 t9 f0 q7 Z7 r7 F    }
, x( N+ \- c2 Y, f    clearTimeout(nereidFadeTimers[object.sourceIndex]);: \- }) D0 ~9 y9 X6 {! d
    diff = destOp-object.filters.alpha.opacity;
  p$ U& a7 _; h, `% j7 I! b' j4 u    direction = 1;( c5 Q9 T" |% o5 t' `! R
    if (object.filters.alpha.opacity > destOp){% I% B* {& L. ]  b7 p# @7 ?
        direction = -1;
  a( b: B4 t4 A2 D; b4 m$ S( F    }& A* Q1 |* i+ Y- x! u
    delta=Math.min(direction*diff,delta);4 m. |; l. ?- W* T1 h% r& u
    object.filters.alpha.opacity+=direction*delta;% c: J5 u; O! k$ ?9 t7 u8 ?. g
    if (object.filters.alpha.opacity != destOp){
, ?( x, d  t- q% d' X        nereidFadeObjects[object.sourceIndex]=object;: M5 D# O. Q" n0 Q3 b
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);; B5 A/ [4 T1 @) T6 t( H
    }
" k) L# T) C3 g  B$ r}
" m  r- a4 ~9 {) W  q// -- End of JavaScript Code -->7 R( P* l" f, A% E- s: l
</script>+ I6 `- r1 O; l0 U& O
//修改下面的图像地址和大小
1 m3 @5 \2 S" e  _3 F5 C<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
. [& _4 {% L! \        <TBODY>  p$ Y- I- v" t3 u; S3 ]
        <TR align=middle>+ O, I: [! p  L/ j  U
          <TD background=files/index_dreamweaver2.gif
0 D6 O) s2 p2 O" ?          height=60 width=60><A ! n4 }# `4 H/ b7 X
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
; ]9 ^2 O: U( ]- H* i& i+ h            alt="Dreamweaver 资源" border=0 height=60
8 R8 \& t0 p# p" c3 b6 S# f            onmouseout=nereidFade(this,01,7,5) * D, S+ K$ [5 K, ~" A. w
            onmouseover=nereidFade(this,100,5,7)
, e3 j+ l: q. h            src="files/index_dreamweaver.gif" 9 T) E. E# e! n( K) N
            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)" , _' A; v- p& A9 h- C3 R, z
            width=60></A></TD>
- ^6 p- V! A5 f  z+ ]0 L5 X0 w          <TD background=files/index_fireworks2.gif height=60
; u4 C1 G4 g* w6 f) k4 G8 a- C          width=60><A % t8 g! z% ]3 @5 L* b9 j& C8 W
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 5 D2 J' {( V  a( G( ^; M
            alt="Fireworks 资源" border=0 height=60
3 `" O; Q2 t6 T' q            onmouseout=nereidFade(this,01,7,5)   i1 h, N1 Q/ p' g' J
            onmouseover=nereidFade(this,100,5,7)
& i0 I. Z$ z- e* z            src="files/index_fireworks.gif" ' ?7 P( Y/ A- i# {0 M: C+ G- [
            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)"
' X* _& c9 O  ~& M            width=60></A></TD>
. o/ m* n5 H* r7 d# {          <TD background=files/index_flash2.gif height=60 & b0 G1 X  ^+ T8 Z# r
          width=60><A
+ S1 ?9 a0 G8 h            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
8 f+ b* J* [% \; ?* P2 C( @6 F5 f/ D            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 6 p2 l6 Z8 @% O6 i, q: g" I& p
            onmouseover=nereidFade(this,100,5,7) 1 G7 M9 j  h+ B1 J% T# a, S+ ~( V- a
            src="files/index_flash.gif"
3 k% @1 H2 Y1 |. h/ 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)"
) w5 l1 Z1 J' l$ s            width=60></A></TD>) N1 R3 O8 @/ u4 E, X; r
          <TD background=files/index_photoshop2.gif height=60 ! d" Z. v! w; K2 _0 w/ ~/ k
          width=60><A ' d: v- s) t  K6 g
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( E$ s7 P  C2 u8 l4 X
            alt="Photoshop 资源" border=0 height=60
2 g* t. r* {: b" b! _* ~            onmouseout=nereidFade(this,01,7,5) 0 G+ q; p; t" J9 D) ~
            onmouseover=nereidFade(this,100,5,7) 1 }9 d3 g  v8 E6 u7 |& f
            src="files/index_photoshop.gif"
. X# f. P5 v. E% D' x# A* L/ r. H            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)" " x4 d9 y: [; l" o
            width=60></A></TD>1 H  A% y1 e6 W, b4 [9 r
        </TR></TBODY></TABLE>