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

zw2004

<script language=JavaScript>
# G' R) F) Y' V" P% i4 d. ?8 w/ E<!-- Beginning of JavaScript Code -------------------
. W" ], [/ B$ p
( R* m9 _# J5 Q9 U' Z6 CnereidFadeObjects = new Object();0 i- z2 E1 j5 L( U5 I, g  A
nereidFadeTimers = new Object();
# A( C! ~1 b* d) @3 _) Mfunction nereidFade(object, destOp, rate, delta){' Z0 ^+ L7 n% ^
if (!document.all)
% V6 B$ p0 w0 ?+ U9 w* j  `return
' t, ^$ @6 h& \# E0 P, k7 c    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);1 E  c5 a" f$ v8 c0 A$ `4 \
        return;
6 {3 I+ r$ y1 c6 w7 J% \5 S    }% x' B% K& D+ J0 ~
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
; n9 M/ s% d1 R% N4 S    diff = destOp-object.filters.alpha.opacity;
5 z6 E. W# ^* ~% }  q* r* L5 b3 c0 s    direction = 1;$ k( V7 p% l; `8 b& m% N# g
    if (object.filters.alpha.opacity > destOp){
+ L; ]9 P3 N2 T0 t0 ^        direction = -1;, l" [: n# B$ X/ f' I: {
    }
" r4 l" h* P! V    delta=Math.min(direction*diff,delta);
) M% H" f2 M1 ~2 \    object.filters.alpha.opacity+=direction*delta;
1 u4 z8 y2 w6 z/ D$ d4 c    if (object.filters.alpha.opacity != destOp){
5 L) q) m6 E! E4 R7 W        nereidFadeObjects[object.sourceIndex]=object;: c2 ]7 h2 J- S7 T% L/ U6 y
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
2 T  C8 J. m9 ?/ @    }# R* }& a" L; g9 o: A0 {0 i# L
}( D9 |9 |1 O* m8 z! e
// -- End of JavaScript Code -->  v) Z! w) A! s+ _, l/ s6 i5 ~
</script>+ c* c( J3 Y5 `
//修改下面的图像地址和大小# Q% b9 J; I8 z4 t6 R
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>% A( V- R* H4 O0 Z0 b' ~" H' U: W
        <TBODY>: ?, S' c, P- G1 k5 }
        <TR align=middle>* U1 u+ E+ ?$ [2 q+ @; Q
          <TD background=files/index_dreamweaver2.gif 9 d+ A) {1 X$ N7 a4 C& I
          height=60 width=60><A
* Q; \  D7 ?7 C7 {# C- D5 w% x6 l            href="http://www.hooji.com/java/display.asp?id=542#"><IMG - n9 `- r3 Z1 C1 m
            alt="Dreamweaver 资源" border=0 height=60
8 Q% w, X( h1 x- c, A4 l            onmouseout=nereidFade(this,01,7,5) + M) O5 F7 z3 X" u; _
            onmouseover=nereidFade(this,100,5,7) * j! q& E! u2 v* C8 ]5 h! W/ ^
            src="files/index_dreamweaver.gif" / l& y' M$ F" Z' D* D8 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)" * Z( s4 J4 J$ R* p; I% W
            width=60></A></TD>
! ?# g" u8 r( U3 q4 P7 V          <TD background=files/index_fireworks2.gif height=60
0 |  N  z" `4 c& Y          width=60><A 6 _8 K, `2 E9 v) B& B- N  w- C
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
: ^( ^# t  I- D2 M1 C9 K            alt="Fireworks 资源" border=0 height=60 % U% e; m4 ~2 I* u% I) i
            onmouseout=nereidFade(this,01,7,5) 8 ?& d1 t- j# |8 D
            onmouseover=nereidFade(this,100,5,7) . u0 i$ \/ H3 D$ y- x0 u
            src="files/index_fireworks.gif"
+ H# [7 G0 Q; i; b            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)" 5 R6 _* t- p! D8 r8 b
            width=60></A></TD># B7 a6 r- O+ A% Z# v1 E3 D
          <TD background=files/index_flash2.gif height=60
& e8 u" C% D) h% E0 K          width=60><A
/ E/ y  |9 M- G1 V+ C            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
- \7 _* m1 X% t( d            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) / b7 ^! R# `' y$ L
            onmouseover=nereidFade(this,100,5,7) , T8 ]8 d: d- u' H: D+ J
            src="files/index_flash.gif"
, @2 o2 R) e! F/ Z8 I! W            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 K" E% F- O            width=60></A></TD>9 J! O- `6 _4 R' O& O5 P
          <TD background=files/index_photoshop2.gif height=60
' l- }# N' O& D5 Y/ z6 x6 k          width=60><A
, V6 S+ P) l( R" {4 \- ~            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
( {9 F3 Y" b/ P( T. `            alt="Photoshop 资源" border=0 height=60 5 S1 B6 Z/ C/ U8 l4 g
            onmouseout=nereidFade(this,01,7,5) ! b, M  W/ X& A
            onmouseover=nereidFade(this,100,5,7)
! R4 \; |' A5 K% J& m            src="files/index_photoshop.gif"
7 @, j- ]1 C! f! j* 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)"
% i- j; F& I' A" P% ^6 [            width=60></A></TD>
+ f5 W4 i4 |& q" U+ T2 ~! U' Q        </TR></TBODY></TABLE>