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

zw2004

<script language=JavaScript>
. Y. j9 v5 n6 y' c# u# a<!-- Beginning of JavaScript Code -------------------
0 K$ O$ K* K. Q) U1 H, @  B
! a& w$ e, w- nnereidFadeObjects = new Object();
% p$ i: s3 h3 k: I& a0 ?nereidFadeTimers = new Object();2 }- E+ t- P- A6 b8 w% x2 N( [0 B
function nereidFade(object, destOp, rate, delta){1 L( m6 M+ o& l% F# X
if (!document.all)2 b4 n( o! L- e& y2 A7 X" a) z& g
return- O5 J+ ?/ V: l, p4 w( }) T0 |
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);4 l8 d. S- X+ H$ L" A/ q9 x' {6 N. ?
        return;
5 B* {2 q  F0 y    }
! W$ N& P  U0 n6 r5 a    clearTimeout(nereidFadeTimers[object.sourceIndex]);
8 Z3 N  d$ p3 f* n    diff = destOp-object.filters.alpha.opacity;
9 F2 z8 Q; M$ J0 |# i) |, p0 i2 o    direction = 1;# M' [3 F6 _# H  N) e, r4 l
    if (object.filters.alpha.opacity > destOp){
% u7 [$ Y6 r' {, o        direction = -1;
0 t( i0 W/ G) Q* c5 I& o    }
2 V! }" U! `5 i& L    delta=Math.min(direction*diff,delta);
: H( V  h$ Q: W: J$ M: \    object.filters.alpha.opacity+=direction*delta;7 s. E" u8 ]' _+ `! i) R6 W% x" _
    if (object.filters.alpha.opacity != destOp){
: M" P% O! v6 q& E9 z! z; f: Y* C# c/ Q        nereidFadeObjects[object.sourceIndex]=object;
* @% W5 ]' D4 p* f+ j" T1 Z- F9 H        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);3 Y9 _2 T- G; t8 k  A$ C0 q
    }
/ f5 E* J) w* T9 V- R# _" T* `5 u}
  e! T) Q% ^" e+ X( \5 _// -- End of JavaScript Code -->" u& d) M' j( ~' D
</script>, O, P: A# N, Y. T9 `
//修改下面的图像地址和大小
: x6 N' S9 g* ?5 t3 G  ^9 h<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
$ f/ d- v: l+ ]. I0 z( ?        <TBODY>8 C3 j# I3 H/ Y3 I8 N5 [6 D3 d
        <TR align=middle>
5 h6 O( U7 \* T0 h          <TD background=files/index_dreamweaver2.gif ; j. N$ _' H3 a6 d; x: o! m
          height=60 width=60><A
7 ?! S% D6 g3 I* Z0 V5 j" i            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 6 @  e3 @; E6 g% ~) a
            alt="Dreamweaver 资源" border=0 height=60 ! [- l! \. a. i% T  l
            onmouseout=nereidFade(this,01,7,5) 4 L7 T! w' V- ?- [* @2 S0 L
            onmouseover=nereidFade(this,100,5,7) & E* I; M- K4 {- m! \( _9 D
            src="files/index_dreamweaver.gif" + t) A0 r0 T% U  d4 j6 b8 y
            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)" * O- R% b: f7 e" w" s
            width=60></A></TD>
$ e) M5 Q9 d9 O9 U" J; a0 S          <TD background=files/index_fireworks2.gif height=60
) L, _0 S( H+ q) i: c          width=60><A ! A, R2 S; w& \, p
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG " x% U4 c8 f( S2 Q8 ?
            alt="Fireworks 资源" border=0 height=60 4 P9 H4 y9 i: k4 x  m. j1 Q
            onmouseout=nereidFade(this,01,7,5)
+ e' k. r7 y$ O& N            onmouseover=nereidFade(this,100,5,7) + G8 p' b6 t. e7 H& h
            src="files/index_fireworks.gif"
/ u! L) j0 C* D! f7 D! c, m- A            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( q/ e# ?' W+ f! B$ `
            width=60></A></TD>
$ _$ k/ m9 I: y9 ]" C! ]7 C          <TD background=files/index_flash2.gif height=60 6 ~( V5 a' D+ R- H7 W, M
          width=60><A 6 X+ e; |9 ~; _& f, C7 k  b+ R
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 8 l/ ?% j8 q: L& X, O; z; @4 \
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) & H- g% _  j, j: `3 L4 f+ A
            onmouseover=nereidFade(this,100,5,7)
3 u- ?6 w- g) S1 @1 W9 V            src="files/index_flash.gif"
7 U* a. a! u/ X: j1 [7 Y% [+ 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)"
" V* ]; h; X% i5 u7 q8 A            width=60></A></TD>2 r( M# M4 w: G
          <TD background=files/index_photoshop2.gif height=60
, K; X4 d- k, M1 d          width=60><A # z$ Q( ]9 y- j& o2 R
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
( Y- `) F4 d8 {9 C  p; v8 z2 u3 ?- R. ]            alt="Photoshop 资源" border=0 height=60
( _/ d1 ~7 p: X* v" [* @            onmouseout=nereidFade(this,01,7,5) 3 T" s; D; i& r/ I0 b( G5 N7 i
            onmouseover=nereidFade(this,100,5,7) 8 g, `5 r/ Y0 _: U* X7 C
            src="files/index_photoshop.gif"
. j* _; @8 L, [8 b1 g            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)"
# e( z( O% m. n" |$ G, G            width=60></A></TD>
7 O$ ]0 F6 G1 s/ r2 _        </TR></TBODY></TABLE>