捌玖网络工作室 » 网页编程 » 网页之非常漂亮的图象效果

zw2004 发表于 2008-1-21 20:54

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

<script language=JavaScript>
%ED(^C| |] <!-- Beginning of JavaScript Code -------------------
`}NXU'J
,?4ga E.a }9v nereidFadeObjects = new Object();
.X;\,Qj/f1|I6d[ nereidFadeTimers = new Object();
g'x4@,u@b function nereidFade(object, destOp, rate, delta){
vWEt
[ u,n if (!document.all)e.`3u z+qh!h
return
o*_;pNI,VQC'D     if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
,LfoPog!O"O         return;3h-O|&C]yeG
    }
(M
w5mx+[7[cl'H;s     clearTimeout(nereidFadeTimers[object.sourceIndex]);;m`2M%Dy;g,`
    diff = destOp-object.filters.alpha.opacity;
so:qn([
z+\     direction = 1; cq7G;F*Cv;yw/p/t
    if (object.filters.alpha.opacity > destOp){C
gS4S)k
        direction = -1;
*cJ}{9Sc;]4dIf#h     }
([
P%O1~c     delta=Math.min(direction*diff,delta);lX;cnG1\:N4rVl
    object.filters.alpha.opacity+=direction*delta;
/wpWn0wE(o     if (object.filters.alpha.opacity != destOp){9I9|t`8|0|@
        nereidFadeObjects[object.sourceIndex]=object;
p6L I Wq;o.d&H_n0P#U$~         nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);'R'L e[D)cS
    }+D\M9?I
}9xFz2K:T%C1_/^s^*[n
// -- End of JavaScript Code -->
Ov+l.y OV\ </script>
Iy,g|,t //修改下面的图像地址和大小
H&Y(wG1^r <TABLE align=center border=0 cellPadding=0 cellSpacing=1>
;w!lL'T'v|F~0c         <TBODY> P(}R;x8Y5ty%c)tW
        <TR align=middle>oqX8J NY
          <TD background=files/index_dreamweaver2.gif
:Y(~0aDZ7Bs           height=60 width=60><A b)D8}W+H [.p}
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG O
Ar/@S$F
            alt="Dreamweaver 资源" border=0 height=60

@1T'X*W([o%D             onmouseout=nereidFade(this,01,7,5) mf1K
J+J-M
            onmouseover=nereidFade(this,100,5,7) n m|.Mn$I/r2`E
            src="files/index_dreamweaver.gif"
K+Mu/}8zW\3nm             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&fsgC!LS9E             width=60></A></TD>
!`#{1o+u/\:_}w           <TD background=files/index_fireworks2.gif height=60 t
BQ8A%|UP
          width=60><A
.U Zq?X;[t.m\             href="http://www.hooji.com/java/display.asp?id=542#"><IMG
W-VAZ}9y#H%nU3SZd             alt="Fireworks 资源" border=0 height=60
K l$icikz*k1x             onmouseout=nereidFade(this,01,7,5) y4X%x]3A!};yI A
            onmouseover=nereidFade(this,100,5,7)
#Cd6q[ _bow             src="files/index_fireworks.gif"
+^r'^6jo 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)" ?7Y,M(F5xv~
            width=60></A></TD>
)nw*Z9q@$rs3w           <TD background=files/index_flash2.gif height=60 n-h/_gTi4f.UW
          width=60><A
m ci m.K8c ~"f5x             href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 5\.i3E(v9S#h\0W
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
|GMApC             onmouseover=nereidFade(this,100,5,7) ^ X!C"\!E'`
            src="files/index_flash.gif"
U3Y mlG-NcxH9a.Z             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)" {!X C1U5V-B"Tv9g
            width=60></A></TD>.ma"D3gN7Yh
          <TD background=files/index_photoshop2.gif height=60 A"r4u)}(Qc
          width=60><A
0@7cu4\(~+ws/nW)K             href="http://www.hooji.com/java/display.asp?id=542#"><IMG
{"}f'W|(v"O;`.q             alt="Photoshop 资源" border=0 height=60 ^qx_qU
            onmouseout=nereidFade(this,01,7,5) 3o+]9dU_^{bL5B
            onmouseover=nereidFade(this,100,5,7)
G6q*o5yl+O;F%la4q^T             src="files/index_photoshop.gif"
"F[N0`WS/P|             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)" %J W^2KoUi
            width=60></A></TD>zY{-u;V`Q[
        </TR></TBODY></TABLE>

查看完整版本: 网页之非常漂亮的图象效果