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

zw2004

<script language=JavaScript>
. J5 E5 D* ~, S8 Q% ~: S3 V<!-- Beginning of JavaScript Code -------------------6 e; z  e# n! }$ }+ T" h

) h8 M) j; U7 u! k6 H% [8 C- znereidFadeObjects = new Object();; h/ J! W. e7 f* F+ Q) L) w
nereidFadeTimers = new Object();
; G* g( C0 N: ~7 }/ K0 \1 kfunction nereidFade(object, destOp, rate, delta){
2 L- a& I6 [2 s5 r3 i: lif (!document.all)$ T& _! h$ t  ^3 G7 Y9 W; K  U# l
return0 ^9 ~0 Q+ y4 v* j( o& M
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
- s6 s) S' ~1 T6 |& N        return;8 t, D8 n& k" b! E
    }
8 A; B1 T/ v. n, L    clearTimeout(nereidFadeTimers[object.sourceIndex]);
, T6 Z4 F" g" x0 s8 L    diff = destOp-object.filters.alpha.opacity;
4 n7 j6 i& B% e( [    direction = 1;/ [: K5 c+ {0 [: Z9 B2 C, P  T
    if (object.filters.alpha.opacity > destOp){! A' f9 {+ D9 T8 N/ `+ t
        direction = -1;  s; B+ |7 F- J  L/ b
    }
/ v5 d6 _6 x' G+ V  Q    delta=Math.min(direction*diff,delta);) K  P* Z/ d7 [( C2 {6 p& G
    object.filters.alpha.opacity+=direction*delta;
$ [. H& O1 j) @# k    if (object.filters.alpha.opacity != destOp){
6 n; V) h" |8 J" @3 R        nereidFadeObjects[object.sourceIndex]=object;
& b& i! M9 Q; m5 v2 \, S; _) q+ |        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);5 |& p2 w6 W$ v( v# d
    }
0 |# [/ u) G1 y/ Y  Y$ E+ s8 L6 ~}9 J5 ^- l9 O0 A9 q& l9 W" _
// -- End of JavaScript Code -->- _- C/ w8 e7 e& G$ e8 s7 f
</script>: O8 G+ B! B3 u
//修改下面的图像地址和大小
4 H7 ]! y, A. T3 @7 }<TABLE align=center border=0 cellPadding=0 cellSpacing=1>) p# a( J+ H% t/ p6 ^
        <TBODY>' z' |2 R* M, g, _, B
        <TR align=middle>
5 w& Y# i: S* J) y8 t          <TD background=files/index_dreamweaver2.gif
4 C- n5 ^" Z1 l9 Z* N          height=60 width=60><A
' j- {2 c  }0 H  u. X            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 5 H/ Z2 h" ^% A  g' a$ g+ R
            alt="Dreamweaver 资源" border=0 height=60
0 v2 P, m' w/ F: r            onmouseout=nereidFade(this,01,7,5) # F/ X" S' B/ A8 S5 a+ [
            onmouseover=nereidFade(this,100,5,7)
0 q- \$ W' n: d) j; d            src="files/index_dreamweaver.gif"
4 K/ q- e. \8 V% ?+ e8 u! ?% M( N  B            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)"
' G$ T2 H  L! A: k4 M            width=60></A></TD>
1 E$ a, H$ |4 e/ j* h: h' S7 d5 _          <TD background=files/index_fireworks2.gif height=60
. C  g  s2 v- z! D: n! V          width=60><A
' l6 K$ x9 ?  W8 g5 k$ r            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
4 r+ |. j# I# S; w, v# Y! j            alt="Fireworks 资源" border=0 height=60
7 o) a. x" j4 o. I+ v            onmouseout=nereidFade(this,01,7,5) % j, ?$ E' q6 {- A, o6 A# [8 ^
            onmouseover=nereidFade(this,100,5,7)   \* y8 R6 ^$ t
            src="files/index_fireworks.gif"
( y, q5 T) z* y. ?/ g7 S  _+ v            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)" 9 K1 q3 C( Y1 C$ w5 ^! z. y
            width=60></A></TD>
+ j/ w) J; m7 U          <TD background=files/index_flash2.gif height=60
' N- O% l9 U  n+ D          width=60><A & U5 z; |! \4 p/ c8 ?' x4 |
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 8 d# O/ g$ j- j2 _8 @4 M. [! j) m
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) , @3 {) b" P* Y* U4 f
            onmouseover=nereidFade(this,100,5,7)
: t& v8 h- A9 s  R1 d2 M) H/ H            src="files/index_flash.gif" 0 Y6 _# h5 F2 p6 I+ [
            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 F; F, |4 ?/ H$ ]+ v
            width=60></A></TD>
* W/ o6 X2 r3 z          <TD background=files/index_photoshop2.gif height=60 ( \5 j+ l3 X5 T+ f/ s& I4 A9 n% f: e
          width=60><A 0 L4 R% S' C: q+ I, b1 W  r
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG   w: u+ }" Z/ s) I# a" v
            alt="Photoshop 资源" border=0 height=60
9 M9 ~* e: U' S$ _3 K6 g            onmouseout=nereidFade(this,01,7,5)
: U( N* u. G7 H5 {            onmouseover=nereidFade(this,100,5,7) 9 ]; o" W; E6 k1 c2 b- b) P5 \
            src="files/index_photoshop.gif"
& _/ \7 H' A: \' s1 B7 w- I3 P, u            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 r/ }( i( U0 @$ u, e2 ]3 R: `) j
            width=60></A></TD>
3 q2 r/ @4 S" q( [$ _        </TR></TBODY></TABLE>