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

zw2004

<script language=JavaScript>
. K, }- d' C: `6 E0 K! I<!-- Beginning of JavaScript Code -------------------
  }1 U- z4 H* Q! h) w! y3 p
) R" R% y; Z" [+ d# Y$ E. T% _nereidFadeObjects = new Object();8 a4 X; a. o, I# [0 X6 D3 x# g
nereidFadeTimers = new Object();
4 \. D& B: M3 S& afunction nereidFade(object, destOp, rate, delta){
$ c4 x( B* u$ z  |if (!document.all)
# E7 P' o; n1 K8 R, l2 Nreturn1 R1 K2 X" B5 Y7 D/ m# L& x+ e  O5 r
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
0 i. T) z9 [. k! ^! I. z3 k8 E; n( u        return;
/ D$ R9 q7 M1 W/ _) l. R% R' s    }
/ e! o% |6 j) {8 y& Q2 v" P( ]' N6 U. y  p    clearTimeout(nereidFadeTimers[object.sourceIndex]);; {: }0 a1 o1 f5 J+ x6 x
    diff = destOp-object.filters.alpha.opacity;, g; s/ n7 @" H
    direction = 1;
' q# R8 f0 u$ H6 B8 {; x0 E    if (object.filters.alpha.opacity > destOp){. @5 T9 n/ w, Z$ w
        direction = -1;! B7 s* a; I  T5 E  {- @( Z
    }
8 n) v/ N) C& g& N, d. ^! ]    delta=Math.min(direction*diff,delta);, P( l% C4 O# y, u: x9 `
    object.filters.alpha.opacity+=direction*delta;4 r8 Q6 C, C0 i' {7 T9 @
    if (object.filters.alpha.opacity != destOp){
* x" c, f/ j+ U/ F        nereidFadeObjects[object.sourceIndex]=object;8 f2 X6 H# P3 ~9 [
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
4 V' U4 _2 w  n. B  S# V% w    }0 Z; p& m; C' e+ A- _3 e0 Z0 D
}
+ u, r8 q; p, ^// -- End of JavaScript Code -->
, Z% T* Z" I7 V$ Q9 V; [6 f</script>
' ^6 \8 n9 ]2 G( I  G6 j //修改下面的图像地址和大小8 _/ `+ E* J( O) p. s
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
% c! M; L; Q4 b0 a5 H3 ~. a6 [        <TBODY>6 k! V2 [5 @0 {' q+ c
        <TR align=middle>
7 F, I; `! Q* ?9 f3 D7 l( e6 B          <TD background=files/index_dreamweaver2.gif 3 u7 @$ d+ l1 {* |
          height=60 width=60><A , g' O8 f0 b+ j( o
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 7 P  h& ?* A' d7 v% p- a# B
            alt="Dreamweaver 资源" border=0 height=60
2 D# M9 x& s- Y* ^            onmouseout=nereidFade(this,01,7,5) / O% I( ~7 ]% l, Q" F/ a% r7 o
            onmouseover=nereidFade(this,100,5,7) - S. A/ x  F' w) |) V
            src="files/index_dreamweaver.gif" : B; {* N" y! ^4 w3 x2 l0 O1 H
            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)"
8 O$ ~$ O; l2 g- S$ _            width=60></A></TD># @" x# }" b& g4 a' W' O. E
          <TD background=files/index_fireworks2.gif height=60
( Z  L& x/ f; V5 e          width=60><A 8 t0 Z/ f$ @9 t" A4 N0 m  a& S7 h% @) l. o
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG - J+ I0 ^, x- @( \
            alt="Fireworks 资源" border=0 height=60 ' W  A  W4 X; ~; G3 a1 _) D
            onmouseout=nereidFade(this,01,7,5) : a2 u* K+ D6 _8 H( q5 Y8 E
            onmouseover=nereidFade(this,100,5,7) 8 D8 M# d! Q" G: ~" z
            src="files/index_fireworks.gif"
9 V2 t8 i* w: t& A. I2 U4 l4 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)" 6 z" [! ]( B$ Y+ z1 C
            width=60></A></TD>
) x* C6 d  V) O4 t7 {          <TD background=files/index_flash2.gif height=60 3 s0 g  E8 y; Y; v" D* L
          width=60><A
- J3 x! S# B% N3 r/ m' k4 G7 ~            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 0 C' V0 N6 G; @2 I0 r
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
- w5 j4 d5 H  r, T' I& k            onmouseover=nereidFade(this,100,5,7)
" ?7 ~5 P  p' c- e& Q  d! g& E3 q2 v            src="files/index_flash.gif"
% t( d$ ?1 O: j* b! c            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! c# l& u# M0 N" w) p3 a" m            width=60></A></TD>
5 w* ?& F# K8 [& M" S" N          <TD background=files/index_photoshop2.gif height=60 7 O8 v6 l7 Q6 o1 j+ G& F
          width=60><A
  h) W2 O/ `; R            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
' Q7 q* r  ^" W1 ], i% x            alt="Photoshop 资源" border=0 height=60
! D! a2 A: C3 g8 B5 W1 ^* v            onmouseout=nereidFade(this,01,7,5)
9 ^+ ^1 M! n4 H, T4 H' R) l            onmouseover=nereidFade(this,100,5,7)
: g# E. h5 @1 N# d" R3 W            src="files/index_photoshop.gif"
) k! @, f; j7 X+ 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)"
6 S/ l( b0 E2 a) P; U, C9 F! h            width=60></A></TD>0 e; y2 L" ]  X) Q8 T% a1 G; S! a/ k
        </TR></TBODY></TABLE>