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

zw2004

<script language=JavaScript>
; l# e+ p+ s- t" z0 J  D" W<!-- Beginning of JavaScript Code -------------------
% ~1 w. ]' G2 e6 R; x" r; V6 p
' a6 N" C) K% e4 snereidFadeObjects = new Object();% V* o& E; @2 o" i+ z6 T( T" T
nereidFadeTimers = new Object();
9 W: s+ v6 ]3 z: _& S, B9 ?function nereidFade(object, destOp, rate, delta){
: u; V( R5 G* F2 ], M/ u% ]if (!document.all)
$ p7 g/ |' r& a- ~6 ?# h& Z6 N" lreturn
4 \% b) \9 F5 y+ g* @    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
* \! H8 u3 Y. b8 F8 Q2 K        return;: `; `3 Z0 p/ v5 A0 V5 s
    }
+ d- ]/ N% F; V: f8 [( r( C7 n) M7 {    clearTimeout(nereidFadeTimers[object.sourceIndex]);" A5 C. N& q. k% B4 g% l8 S  Z5 w
    diff = destOp-object.filters.alpha.opacity;
4 s! d8 O- e7 m8 g    direction = 1;
) i+ \* v: o: s+ L; w    if (object.filters.alpha.opacity > destOp){
* f; N7 Q1 M$ J+ Q1 R        direction = -1;2 ~5 e: d) k8 R" {
    }
- `( R" x+ a5 Y" X- ^$ s9 D+ S    delta=Math.min(direction*diff,delta);
- W) v! E5 J1 b    object.filters.alpha.opacity+=direction*delta;
3 J& U' O  C# p- z    if (object.filters.alpha.opacity != destOp){
( A7 L$ b3 R7 o! ~' R7 P$ I( ?4 ]        nereidFadeObjects[object.sourceIndex]=object;
- ~; w: r2 ~, E# L' \. o5 v$ v        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
8 v3 W9 U$ b$ K; W    }. E* q  m- M' @1 z8 u9 A/ _
}8 j1 }: B  x+ E
// -- End of JavaScript Code -->
% I$ ?% o* ?3 A* _& ]/ ~0 Y6 B</script>3 x, a! I2 U0 |1 r$ Z+ q2 t, u* c
//修改下面的图像地址和大小
1 g  T8 Q( x- l/ J/ ~0 }  D2 M, c<TABLE align=center border=0 cellPadding=0 cellSpacing=1>; n. q$ d, c) I8 \* V
        <TBODY>
# _. P' @3 _) U& r+ r/ A        <TR align=middle>
) ^- \* b( J9 u( o2 b          <TD background=files/index_dreamweaver2.gif
1 C2 Y8 F* j9 `          height=60 width=60><A
' }7 f8 t' V( u/ B' L& J; B            href="http://www.hooji.com/java/display.asp?id=542#"><IMG ' V( O* U7 R# y
            alt="Dreamweaver 资源" border=0 height=60
2 E" Y' e, X0 w6 r            onmouseout=nereidFade(this,01,7,5)
- H' m9 n( E# H7 u            onmouseover=nereidFade(this,100,5,7)
- y: f# Y, U' ?6 x+ d' [& G* U$ G4 B            src="files/index_dreamweaver.gif"
8 A& b6 v& \/ N, G2 P            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 E, U& @) A+ \7 h2 ]. t$ z            width=60></A></TD>* D9 t, O/ l) E. J/ g
          <TD background=files/index_fireworks2.gif height=60
/ \5 I6 v9 e, m8 }; ^0 ]# S          width=60><A ( C, u0 m; B9 G6 g' R
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
. b$ j! \# \4 I            alt="Fireworks 资源" border=0 height=60
# A" m. v$ @/ D6 J3 Q            onmouseout=nereidFade(this,01,7,5)
5 W7 f) B# m: ~* J            onmouseover=nereidFade(this,100,5,7) 9 u( m; a4 o# [9 M" d6 S' d+ q2 b
            src="files/index_fireworks.gif"
- H0 }0 Q% l$ R) u. M            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& D, @, {2 N, ^
            width=60></A></TD>
8 r- Q) T# n$ d1 y8 l+ a* ~/ F/ D! j          <TD background=files/index_flash2.gif height=60
- w" ~. V1 d" q          width=60><A
2 C8 V& x+ [( N' a3 g) ~            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
- R/ C# i- F  u$ V* Y- w; s  n5 B8 z5 }            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
  S) \% h# a! b2 t, v            onmouseover=nereidFade(this,100,5,7) 7 b' R/ J3 k5 F  g
            src="files/index_flash.gif" ( l- e% @) [- F% 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)"
. p9 f, ], Q  J3 J- |            width=60></A></TD>
: h& k' J  ]( J1 b          <TD background=files/index_photoshop2.gif height=60
7 A1 t/ |0 l- q          width=60><A
9 [' a9 r# v9 t% ]; @# m! l- z; q            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
, l$ t& r6 U3 P/ p, Y0 u4 y% Q/ j            alt="Photoshop 资源" border=0 height=60
: P2 K! a& i$ E' B' u            onmouseout=nereidFade(this,01,7,5) % D) e$ T5 q9 `2 a
            onmouseover=nereidFade(this,100,5,7)
9 v) D. W9 X% X: j+ r            src="files/index_photoshop.gif"
, U0 z( c+ x* n4 z7 Z, T8 J            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 i8 k) T5 @9 f; T            width=60></A></TD>9 r  \. \9 ~4 c
        </TR></TBODY></TABLE>