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

zw2004

<script language=JavaScript>0 ]6 f7 S' w- H; f1 v
<!-- Beginning of JavaScript Code -------------------+ I7 A" V4 q  p9 L

9 R( C2 `7 H. S" x2 A" RnereidFadeObjects = new Object();) @' s7 e5 Y$ p- g2 W. X+ Z8 [
nereidFadeTimers = new Object();
$ [- `1 x, n) ~: B$ j/ ?function nereidFade(object, destOp, rate, delta){9 e0 D8 {) ]5 Z/ \, D0 \8 `( D% z
if (!document.all)% x1 W/ t* q% k& B& f2 K& G, x& S
return
% Z1 i0 x+ h/ E: t    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);; h4 ]) R6 t& h- t
        return;
' q$ {) D& `: j) G/ H& a    }
7 q" k) ]$ g% p8 I    clearTimeout(nereidFadeTimers[object.sourceIndex]);* r6 y2 a. `9 S3 ?- Y* v3 ]  X* j% s
    diff = destOp-object.filters.alpha.opacity;
+ R! F& \: ]( ?  P    direction = 1;# P" \: i7 ~0 I7 A: M6 L
    if (object.filters.alpha.opacity > destOp){: b# R) r3 W2 ?" y" x
        direction = -1;
! y7 L9 v* v& i9 Q1 y  e" {# r8 n    }7 L9 j: k1 x& u: ]: n
    delta=Math.min(direction*diff,delta);) x- q7 F5 c, s! ~8 s. S& {
    object.filters.alpha.opacity+=direction*delta;
! `4 H, H" H1 N; \( V  l    if (object.filters.alpha.opacity != destOp){
/ K- m# Y0 ~) g2 ?! v4 b        nereidFadeObjects[object.sourceIndex]=object;4 N: t/ S; v( M; K
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);! @; V# T, T+ E& v# R
    }
. B# j- q% b$ t9 s5 O}
* |  ~' D2 j( z5 ^3 Z) L( p// -- End of JavaScript Code -->% m( o9 Z6 d/ u" _2 q
</script>
4 \9 ^; {1 g& Q8 w8 C! V //修改下面的图像地址和大小% g1 n) _: p; E* X# L, ?
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
0 V, ~/ x1 F: w' Y        <TBODY>
, F5 Z9 l- E  Y7 F        <TR align=middle>
+ Y" `8 v4 N& v# ~          <TD background=files/index_dreamweaver2.gif 2 E+ X, g3 S3 j/ c7 C/ ]
          height=60 width=60><A
% g5 A& `( z3 P- {: x            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 2 n1 F5 s% l  s- y! r# G: \+ K' G
            alt="Dreamweaver 资源" border=0 height=60 ; S" M' ]" h) M& X  k: n
            onmouseout=nereidFade(this,01,7,5)
2 `* U# B7 z/ g5 P0 Z5 k$ l            onmouseover=nereidFade(this,100,5,7)
$ g+ H1 n) m& S3 q( K+ u            src="files/index_dreamweaver.gif" ! ?* b3 B, }$ o; p; f% o6 {+ n9 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)" # S& E: L  K/ P% K$ B  B
            width=60></A></TD>
7 m! B. B: A+ H7 s5 i- y          <TD background=files/index_fireworks2.gif height=60
' A# [1 [# F0 o3 R" r# A% c          width=60><A : H1 q5 ]& \: b" o3 p- C
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
2 A: b7 H4 I* p6 J- h            alt="Fireworks 资源" border=0 height=60
& @$ S, b3 V5 T  A            onmouseout=nereidFade(this,01,7,5)
7 W# n: r6 |5 y3 x" f; Y: K            onmouseover=nereidFade(this,100,5,7)
+ P+ U) Q3 x7 h( F7 p4 w4 |; Y! V            src="files/index_fireworks.gif"
9 h2 v# \# l# ]' N% }# k( d& `            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)" / S4 \: i4 u! C. ~: {
            width=60></A></TD>
5 ~  @6 Q8 C3 H( U: D6 c" l4 ~: N          <TD background=files/index_flash2.gif height=60
9 B+ Y2 ]# _" n9 D          width=60><A
. w) a! A& b8 Q: Q            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
# s* U& v# Y3 G2 Y% M            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
9 t6 |$ y) L. |* C            onmouseover=nereidFade(this,100,5,7)
3 {  f) k$ d# D            src="files/index_flash.gif"
( {2 X, U9 x: l, d8 e  h+ 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)" + ~7 b! V4 b, ?% i
            width=60></A></TD>
4 `, Y5 v% @- Z- W9 f          <TD background=files/index_photoshop2.gif height=60
" j3 J+ \8 {4 k4 G" C          width=60><A + I/ t; ]2 O" P0 [- U( i/ i1 e
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
% G8 ]& ^/ H4 q            alt="Photoshop 资源" border=0 height=60
8 a& I+ O' W2 b+ i( d            onmouseout=nereidFade(this,01,7,5)
" ~) r, @' _8 C$ g' T% R) U            onmouseover=nereidFade(this,100,5,7)
0 Q7 P9 q. c/ s# P& g            src="files/index_photoshop.gif"
6 _3 \* o  d. n* Z  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)" + b3 R& j, Q6 ^1 Q
            width=60></A></TD>+ r! N' D5 J6 p: G- T( @. }/ {
        </TR></TBODY></TABLE>