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

zw2004

<script language=JavaScript>
- }/ S/ p4 H, \' k3 ?) ~; z/ F* X<!-- Beginning of JavaScript Code -------------------5 J& J  `+ t, c

2 _9 ~4 G% a* n( I: c. A- Z' fnereidFadeObjects = new Object();$ I8 i6 O8 v1 ^+ x( w6 Y5 S8 [3 k
nereidFadeTimers = new Object();
) ?1 X1 f9 r3 v1 J  @7 ~function nereidFade(object, destOp, rate, delta){
. P, N/ E! Q2 X- Fif (!document.all)" y/ _% F* Q) X
return
: }) z' `! L& L    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
' ^( {. X9 j) O% I9 d* [" Y5 y4 X        return;
7 {3 B1 ?" s3 B    }7 ]. t2 ~7 c' e1 g$ W8 N& T
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
3 Y. }- O! |, s$ N! f    diff = destOp-object.filters.alpha.opacity;% f0 Q+ I7 u- A8 b
    direction = 1;
, y3 O0 C% H( Y    if (object.filters.alpha.opacity > destOp){
! F1 L) s; `! C6 D8 [, r: d        direction = -1;
) @3 l4 ?& ?4 S, T    }" s# W8 _8 v' \$ _# Z0 `! W! i
    delta=Math.min(direction*diff,delta);
4 r) Z+ ?% c1 |    object.filters.alpha.opacity+=direction*delta;( J' S$ v! @9 H; U; h: P
    if (object.filters.alpha.opacity != destOp){
6 r* C# ~$ n- X: _* l* O  C0 k        nereidFadeObjects[object.sourceIndex]=object;5 d8 |2 b  I. T& f
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);& r: Q6 Q- q, z, t
    }
& `- i/ g* n( e}% O4 q, J$ X. P+ q( r0 q
// -- End of JavaScript Code -->
" a! {! U, A, u3 _# g7 f</script>1 t7 b, W' I1 g; y
//修改下面的图像地址和大小
! n6 X, H/ l+ T. t3 t<TABLE align=center border=0 cellPadding=0 cellSpacing=1>% w6 s; ^- \8 ^0 ~
        <TBODY>
& {, T& h% B2 l8 U. t        <TR align=middle>
7 J9 P6 n" k3 f- y, T- U4 K          <TD background=files/index_dreamweaver2.gif
) F, a) _3 Z! N. u: t9 \; `4 z- G( Z          height=60 width=60><A
# ]4 `& L1 v2 s            href="http://www.hooji.com/java/display.asp?id=542#"><IMG ; s8 T/ w" u, j! N) F% L3 K
            alt="Dreamweaver 资源" border=0 height=60
+ U# K% U* q8 Q+ K            onmouseout=nereidFade(this,01,7,5)
* f0 M* a9 R- `4 f: s0 _" s" n            onmouseover=nereidFade(this,100,5,7)
9 b1 `$ [$ I4 R2 s4 ?1 N" l. ^            src="files/index_dreamweaver.gif"
/ p* p1 \! D$ L5 y$ 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)"
! ~$ k( B+ P- m            width=60></A></TD>: f' ?2 b1 B5 s' B: y
          <TD background=files/index_fireworks2.gif height=60 ( N+ ]. r$ }" `2 j$ F
          width=60><A
4 W  x, m0 @" q" E  A. i) j            href="http://www.hooji.com/java/display.asp?id=542#"><IMG $ L; t. J$ @5 ^7 y  C* C
            alt="Fireworks 资源" border=0 height=60 . e9 ^1 n6 n- M, l, w5 t9 x
            onmouseout=nereidFade(this,01,7,5)
. I5 B7 u3 b7 D4 L/ ^8 E            onmouseover=nereidFade(this,100,5,7) 7 ~  }( S% ^/ I! a' r
            src="files/index_fireworks.gif"
( R* e1 M0 B! R3 F4 f4 _            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)" 3 f3 J/ F  o$ {; e, j
            width=60></A></TD>- y& a6 d. f: `0 G& y# r# W2 K3 p
          <TD background=files/index_flash2.gif height=60
/ k0 s) e" D! v8 Z; W  g          width=60><A % z* [" l# s  Y: _( m& r0 l
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
4 o* E2 K$ R1 Z' j$ n$ t# R            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 4 o* W/ C5 S2 O- l. C+ C
            onmouseover=nereidFade(this,100,5,7)
- g, X( e9 ^) J" E, D8 G            src="files/index_flash.gif"
- s5 i& `7 A$ ~5 R            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 D9 ]5 w4 J' M/ Q; H- p
            width=60></A></TD>
0 _! _2 F: }0 \          <TD background=files/index_photoshop2.gif height=60
8 [% T' j& t2 ~3 [3 h9 x4 D          width=60><A 1 X! \6 f0 G6 x1 H
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
, E: Y; y5 b1 E3 O, j( A0 Y            alt="Photoshop 资源" border=0 height=60
# y0 j( \+ F2 O3 N; J3 e" v, w            onmouseout=nereidFade(this,01,7,5)
; y  g  D, v3 [. D3 t9 [3 }- y  c            onmouseover=nereidFade(this,100,5,7) 8 T: v; U4 ?5 Q6 z/ [
            src="files/index_photoshop.gif"
8 c4 `" B! `5 ~  C9 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)" * j8 H2 ~$ E0 u+ X3 G1 a6 T1 }7 @
            width=60></A></TD>) h2 ?! p  a2 T& z/ g  H2 e
        </TR></TBODY></TABLE>