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

zw2004

<script language=JavaScript>
1 E) b7 h* G# p% f3 B) o9 x* u( F<!-- Beginning of JavaScript Code -------------------  ]9 K* Z) }# M" ^2 _

) o1 e) J3 S6 y) I1 A4 ]) \nereidFadeObjects = new Object();
$ t+ E$ S; ^6 U9 |7 P6 _& d- inereidFadeTimers = new Object();6 O& |& ]2 ?3 }& Q1 u" b
function nereidFade(object, destOp, rate, delta){4 S4 c) L% H7 n0 S7 A( t5 Q
if (!document.all)
6 c6 I, u$ G7 c& f- m7 B' Dreturn/ S' ]; c/ `. G8 ]( R- Y4 T4 k, A: v
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);9 A( x! o6 c. p8 p: ?
        return;
' l2 b. Y" L2 f( Y+ j% z' f- u    }' ~( R+ C, X0 L9 V7 e
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
& t4 h. g* [' ^    diff = destOp-object.filters.alpha.opacity;. k* X; R6 M: o. w
    direction = 1;
9 A7 d$ w4 ~5 Q3 Q1 G) R; x    if (object.filters.alpha.opacity > destOp){
0 y" C' K6 D( L4 C" n! l        direction = -1;
! f2 @* a) j/ y. K! G% F- [    }- V: n. K/ ~- a# B
    delta=Math.min(direction*diff,delta);( a, T) K$ t3 ^3 \" T% S
    object.filters.alpha.opacity+=direction*delta;
) j( r! o( `- k% S, ~7 ?$ ~    if (object.filters.alpha.opacity != destOp){
* V4 _" L7 L: P        nereidFadeObjects[object.sourceIndex]=object;
" I$ I. H7 l6 t" A5 h9 V' x& l        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);5 [; ]6 b( E7 [' R, [
    }
# P/ c% T5 K7 O: u2 l' r}
! `7 m5 v0 W$ Q) {' u% V5 G// -- End of JavaScript Code -->
, M8 s' G/ {* D! I8 A# C</script># f$ `- |3 |: Z: E1 v3 K
//修改下面的图像地址和大小/ V' z+ u5 n2 |  p6 q5 f; b- F
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
* z% y9 G0 Z8 Y; {0 N2 C3 R0 b        <TBODY>0 o. Q: Q  m1 |  F
        <TR align=middle>
$ p0 N. j+ X9 g7 m3 M          <TD background=files/index_dreamweaver2.gif
& f7 _. G! J6 l; h/ |          height=60 width=60><A ( T7 m$ Q8 x% y- b) j1 N/ i
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 5 r* z1 B% |9 K# D) Z! j* H
            alt="Dreamweaver 资源" border=0 height=60 6 u- X) ~) N0 a
            onmouseout=nereidFade(this,01,7,5)
9 i2 U4 g: C; R( J" I- o            onmouseover=nereidFade(this,100,5,7) 8 d: V/ @/ a; J: Y& Y5 e
            src="files/index_dreamweaver.gif"
. }. z- [& y" T, Z' n0 [            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)" ' f! M* C: \% `1 b& W5 I
            width=60></A></TD>" x; E& _/ O+ P+ T, l; B" u4 n
          <TD background=files/index_fireworks2.gif height=60 ; y- e7 B, F- {" l
          width=60><A ' D  Q% j4 U6 Z1 l9 G" X  \
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
* G8 z  O3 S' o# u) d            alt="Fireworks 资源" border=0 height=60 " {8 U5 F$ N# O1 J
            onmouseout=nereidFade(this,01,7,5) ( g0 T# Z; A$ ^' k. }
            onmouseover=nereidFade(this,100,5,7)
2 i& G) U) ?- L" X, b: o( {            src="files/index_fireworks.gif"
' n7 H- i) i7 B6 r- ~7 {+ g, 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)"
' }; A+ ]- w/ P. x/ v" E' ]5 X, G            width=60></A></TD>
  K0 ]& l" [# C% w$ e) _6 W; O          <TD background=files/index_flash2.gif height=60
8 @5 h  W) j* n  g; |. C' @, m          width=60><A
6 W6 X& |* j' b. J            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
4 s. k# u1 A3 [0 ]; t3 P/ X8 _4 K( g            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
$ P9 Q9 m  r# g$ O) e' L            onmouseover=nereidFade(this,100,5,7)
/ W# C- [* [% q+ P( A            src="files/index_flash.gif" 5 z! H, S( G: Q
            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)" ! i* |2 v5 N& ~( H
            width=60></A></TD>
, t, `9 m( C& O# H  p          <TD background=files/index_photoshop2.gif height=60 ; C6 M( Z, ~3 B% Y
          width=60><A ! v2 }2 ?- a7 H. @( \7 O1 D* Z( W
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG ) m8 R0 h; F* y! h. }$ o, H: M
            alt="Photoshop 资源" border=0 height=60 ' @" H! [9 F# G2 ?/ _& F. r
            onmouseout=nereidFade(this,01,7,5) + A7 r% Q6 h. q5 C0 |6 h
            onmouseover=nereidFade(this,100,5,7)
6 p! p! u( Q& B) n8 E: `3 Y* _            src="files/index_photoshop.gif"
% P! h/ m1 T  e# @' 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)"
1 ?* ?, m: d" W" X% V" M. f( a            width=60></A></TD>
9 Y% a1 A2 U3 ?9 N, t4 V# y        </TR></TBODY></TABLE>