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

zw2004

<script language=JavaScript>
3 K+ |& F2 B; v4 X+ H<!-- Beginning of JavaScript Code -------------------
# u* e: Q) H. X5 ^+ }2 z. Q9 k" p
nereidFadeObjects = new Object();
' `1 a1 U0 b  n$ ~* Z( y& RnereidFadeTimers = new Object();8 ?+ g$ w1 A8 }/ r) {9 r5 O
function nereidFade(object, destOp, rate, delta){
6 c) a; k2 E4 m6 G5 ?if (!document.all)" Q) n2 W3 b5 ^
return( u' z. c! a4 }& H% x
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
. E9 j& c$ ^0 f+ v( q6 H        return;
7 F9 y! z* y" V" {    }+ y$ |7 s' f5 z2 g  Z8 q% o
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
- q/ c. I8 E) `/ r; \1 t    diff = destOp-object.filters.alpha.opacity;- M& y" r9 X* T) N
    direction = 1;* m8 q) p  w, @* v; n
    if (object.filters.alpha.opacity > destOp){
5 ^$ ^2 P- F" r! Y        direction = -1;
( k! T% R. s& a- M9 \    }9 f! T7 u6 Z( o( m8 {0 U6 P
    delta=Math.min(direction*diff,delta);
( p8 J; g$ g. |2 |    object.filters.alpha.opacity+=direction*delta;8 g" @  Z) p! y/ `* u* T: O
    if (object.filters.alpha.opacity != destOp){8 _! w6 M1 b  U+ E
        nereidFadeObjects[object.sourceIndex]=object;1 l. J9 \% A2 q5 N) [) ?
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
% G3 ~3 U( D/ M' I2 h9 n% P7 s# R    }
* W. o8 U0 Q9 A}; q/ L& p7 A0 e
// -- End of JavaScript Code -->$ s3 ?+ ^: D9 b' r3 O9 R6 d) ]
</script>
, R5 D8 O! A5 e( Z! [8 g# I //修改下面的图像地址和大小
# l! F7 t1 c) A" s& G' @% `<TABLE align=center border=0 cellPadding=0 cellSpacing=1>' `. o* }+ |0 M* Z6 [, r
        <TBODY>  V8 ?  \6 B2 q( u' A
        <TR align=middle>
" E6 R0 H9 F7 D          <TD background=files/index_dreamweaver2.gif 7 a+ J/ H  E+ s  x% e5 p
          height=60 width=60><A
# p- \, ?! Q+ G1 E  C            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
' p6 G7 P! V3 ?, w8 W            alt="Dreamweaver 资源" border=0 height=60
; b6 [& R* G; X( X            onmouseout=nereidFade(this,01,7,5)
/ \5 b+ d5 f, m3 X# @1 P! B' h            onmouseover=nereidFade(this,100,5,7) 6 l  n$ p/ P( E* D
            src="files/index_dreamweaver.gif" : i' m% X5 K/ a/ e. c6 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/ w% h$ w2 }$ T7 d1 i( Y" w            width=60></A></TD>
) ?3 l2 f' u+ P0 u/ T          <TD background=files/index_fireworks2.gif height=60
" X7 O1 q, S. e% J  a! x( ~          width=60><A
% Y0 j' P4 S/ L% z) G1 n7 p            href="http://www.hooji.com/java/display.asp?id=542#"><IMG % z0 ?/ V: H' ~
            alt="Fireworks 资源" border=0 height=60
* z0 \( N; V3 _7 V7 p            onmouseout=nereidFade(this,01,7,5) " q* [' Y5 k. a# I- |3 o) B
            onmouseover=nereidFade(this,100,5,7)
0 n3 c* r: }* A. Y, ]9 G0 e            src="files/index_fireworks.gif"
3 r! R1 f. P' ]% R1 A3 n! 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)" : n2 s" t- ~/ ^
            width=60></A></TD>
4 N: }8 B, L7 S  S          <TD background=files/index_flash2.gif height=60
6 N- j; n- {! c7 O          width=60><A
: ]3 |# d5 U- ^; m- {            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG ) J) n2 H, o5 D' }' z( m
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
1 k* K# l. I6 d2 b; l9 u4 ^' [            onmouseover=nereidFade(this,100,5,7) , E- a5 |5 l+ k! U/ K* \
            src="files/index_flash.gif"
& q7 p5 b9 \% V: q& 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)"
/ r( ~+ n3 X# t5 @2 {            width=60></A></TD>5 E- Z- E- p2 N" M6 _& [. o/ l% d
          <TD background=files/index_photoshop2.gif height=60 ) R! i. b. u* S6 W
          width=60><A ) i7 x1 i- ]+ C. f2 P* N3 z
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG " I1 Q. W1 U( V
            alt="Photoshop 资源" border=0 height=60
1 k' U$ N3 o/ i4 |, c4 S2 H: `            onmouseout=nereidFade(this,01,7,5) ; H- O! m- I2 w6 k# H
            onmouseover=nereidFade(this,100,5,7) / f3 D: M9 D- E, `% w
            src="files/index_photoshop.gif"
# {$ k& E2 j2 F% L& O6 z            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)"
% H. Z0 y* w$ t4 M* t            width=60></A></TD>5 p* |- D7 e$ P3 C1 s1 `- h  p
        </TR></TBODY></TABLE>