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

zw2004

<script language=JavaScript>
& y* z' N6 v5 n<!-- Beginning of JavaScript Code -------------------
( ]+ v4 t0 W( W5 P* U3 M7 ]
* U& ^1 G2 w7 T% q3 inereidFadeObjects = new Object();: I! x) I+ j$ D7 E* @; T0 ?
nereidFadeTimers = new Object();5 Z& G- B/ n; T6 x9 P: W
function nereidFade(object, destOp, rate, delta){4 r: ?$ H: j* `, _
if (!document.all)
- ^2 k5 _+ w9 |return) G2 D9 Z4 \+ B& d( T8 W) d
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
2 k4 b4 o% }  ^6 C8 P- ]        return;6 I# n* W1 E, e7 @; I% {
    }1 D$ D1 C8 c; P" Z5 z
    clearTimeout(nereidFadeTimers[object.sourceIndex]);* K2 e2 A  Z2 i7 E: X4 i" F) K
    diff = destOp-object.filters.alpha.opacity;! n4 k* R7 U" M, N0 F$ }4 \
    direction = 1;' Y2 K& |. [# R
    if (object.filters.alpha.opacity > destOp){
3 L9 D3 l- B( e, [0 S$ O* [6 Y        direction = -1;
7 ?' k) [. u& l6 G( w- _6 {    }$ J5 q/ f% P' P# ?
    delta=Math.min(direction*diff,delta);5 N9 J7 Q1 v* B# ^& n" q! }% C. t
    object.filters.alpha.opacity+=direction*delta;3 ?) n0 `& k) P
    if (object.filters.alpha.opacity != destOp){/ N% i" f: ]7 ^) F& x6 Z# e
        nereidFadeObjects[object.sourceIndex]=object;
1 k& d6 c# ]( X4 j& e        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);3 y. D0 s" i# O- q+ [# d
    }
6 n$ _3 E/ o5 F. \+ s: Q5 `9 n) Y" I}2 J! m6 R/ e* m
// -- End of JavaScript Code -->
, }9 u7 \2 V, l$ Q</script>, e0 _3 n: ]; ?
//修改下面的图像地址和大小
+ W; a  G" N7 }; B<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
- T  _4 E" c* A/ ~        <TBODY>
2 D; [2 E% n: p3 l) ]2 j& @$ U0 n        <TR align=middle>% a0 A" T* E1 M, j; ^% ~( Z
          <TD background=files/index_dreamweaver2.gif . ]+ L7 h1 D) h! y! Y
          height=60 width=60><A
3 E  v: |% ?* ~5 O            href="http://www.hooji.com/java/display.asp?id=542#"><IMG ( {. J( @7 q' J8 r1 }
            alt="Dreamweaver 资源" border=0 height=60
& X2 Z' o) {/ {6 H            onmouseout=nereidFade(this,01,7,5) 7 ?' g7 B; E- {
            onmouseover=nereidFade(this,100,5,7) % t! Q- P7 h" z/ u8 K
            src="files/index_dreamweaver.gif"
- X. E2 V4 O& w. p6 O# 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)"
& g* a  C% u4 x/ k, u  W            width=60></A></TD>
# c1 D9 C1 M: @" s0 z/ ?          <TD background=files/index_fireworks2.gif height=60 - H9 k0 g& F- n' h+ M7 C
          width=60><A ) o3 e! a" v$ |  u9 o1 ?
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
& D/ U1 N. b! d, `            alt="Fireworks 资源" border=0 height=60 # g& e" Z- y$ B+ |7 R' M
            onmouseout=nereidFade(this,01,7,5) " `" w1 K& u2 V3 r( p" x4 G
            onmouseover=nereidFade(this,100,5,7) " _+ V( R% B6 H7 K* n- n9 r$ Q. m' h
            src="files/index_fireworks.gif"
+ Y- s) }; c4 n. 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)"
& L& i% S7 X0 h$ T1 i# I8 O$ e            width=60></A></TD>
$ I% V/ N3 e" ?% k          <TD background=files/index_flash2.gif height=60
+ n3 @4 b0 X) A, \5 W1 E0 y% m          width=60><A
+ p  ^" J  \1 p$ U            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG $ x- i" Q) d% ~7 ?5 T  X  R- S
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 4 V4 t& e& D) l
            onmouseover=nereidFade(this,100,5,7) 9 x5 m  A* Z! s' c% X' V) a4 y1 _
            src="files/index_flash.gif"
* R: E/ g: T! g) 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)"
' y+ [- i7 v' F" [  L            width=60></A></TD>
; x5 V  f0 \" g3 F; @, K: h# }          <TD background=files/index_photoshop2.gif height=60
, g3 G  E/ s% X/ _5 m3 I8 ]          width=60><A
$ f2 C  l, i$ z6 U  s            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 9 v% J6 M2 A- Q3 ?( x% `
            alt="Photoshop 资源" border=0 height=60 / p; q( W9 S- |+ n" @
            onmouseout=nereidFade(this,01,7,5) : G, v, r  w3 M- Z+ ~
            onmouseover=nereidFade(this,100,5,7)
8 x9 d' M1 A$ x. R0 a9 u            src="files/index_photoshop.gif" * F& y1 @1 c) B* x3 c( S) 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)" . A7 {' P% H) r: J& I5 P
            width=60></A></TD>
6 ~" D! K7 j0 X: U        </TR></TBODY></TABLE>