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

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

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

<script language=JavaScript>
E+M_4A#D,h <!-- Beginning of JavaScript Code -------------------U0c!g1U^FJ

&{8q2zRT*v,u'{Z nereidFadeObjects = new Object();
0g.I7N'B_6x nereidFadeTimers = new Object();l$@:x,o
u2@_
Nx
function nereidFade(object, destOp, rate, delta){
)A.TX*N!oO4B if (!document.all)
7|R q(e c1`/mNUp return
@
gls%x     if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);i9|Ga ug
        return;
,kdA)v:U'NKQ2NL`     }/ANU
h gjZ!n
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
+^"G}
N_cB
?     diff = destOp-object.filters.alpha.opacity;
Laz,O'UQ1yD     direction = 1;BS5e
`$H'[.y'cDr
    if (object.filters.alpha.opacity > destOp){
2OJ;K+p}Y5i         direction = -1;;n^vS:?:I
e
    }
6f6}xN:t&q?B]E     delta=Math.min(direction*diff,delta);
bO9zhe.[     object.filters.alpha.opacity+=direction*delta;p(C*Wg
AG1X
    if (object.filters.alpha.opacity != destOp){)tl
vF,H
        nereidFadeObjects[object.sourceIndex]=object;|MTz.lyR3Vg
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);Ezt;B_"F;@
    }lN,U%|h_"v'vk
}3M n:FvFf6Z
// -- End of JavaScript Code -->
M/[8Qb*A{R </script> dW+p)Yf%E
//修改下面的图像地址和大小9a \|~Z1Lo
<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
8KDpd%b-H         <TBODY>2L7n0X;S*r
U
        <TR align=middle>5e ` rf5|R#F
          <TD background=files/index_dreamweaver2.gif
{${.o0[ Ue-t wd           height=60 width=60><A hJ(rj7c;gg
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
,j k:S~3Vd             alt="Dreamweaver 资源" border=0 height=60
PA0PE%nJor             onmouseout=nereidFade(this,01,7,5) |'xAl)G1i
            onmouseover=nereidFade(this,100,5,7)
LCn6q2O!{Z PkS             src="files/index_dreamweaver.gif" v4D#h5DkiUu{(EO
            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)"
UA4Je_\ RZ#Ut1s             width=60></A></TD>
lbpR/e:{/bs%q           <TD background=files/index_fireworks2.gif height=60
N5jMrP           width=60><A !k#K*m4|0?GF;EW5n%m
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG
y3X0N4D"j0|4fz             alt="Fireworks 资源" border=0 height=60
CzoG!mU H0S4n             onmouseout=nereidFade(this,01,7,5) Vq{-}f)z4E1Zm8A
            onmouseover=nereidFade(this,100,5,7) /nF!OL"A
            src="files/index_fireworks.gif"
-rQ-]/T9R             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)" 1sA9Q[ SYFh6k6N
            width=60></A></TD>
$jx#^n$}:RNv%}9md           <TD background=files/index_flash2.gif height=60
$f!z"}9Z&uwT["r^,x           width=60><A w~Y6`B {6H
            href="http://www.hooji.com/java/display.asp?id=542#p"><IMG 0RUi{6`#t5E
            alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)
V+T_~e'FH             onmouseover=nereidFade(this,100,5,7) -?Q6{)uD(x(u?T
            src="files/index_flash.gif" 7t I6sE3{t%uM!Zy
            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)" ^M)Q,S3aj0k
            width=60></A></TD>
)ZGc#jF:O           <TD background=files/index_photoshop2.gif height=60
,m+A/{JF9Uv6flR Z!g           width=60><A
iJJ_wq s,i             href="http://www.hooji.com/java/display.asp?id=542#"><IMG
5n0Q,CQX`l&e8m             alt="Photoshop 资源" border=0 height=60 ~Z&ao0R
            onmouseout=nereidFade(this,01,7,5) Qs H1}%G/A8a
            onmouseover=nereidFade(this,100,5,7)
6\%iICO"HO             src="files/index_photoshop.gif" /l$]\+h A`9Z.L%DE
            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)" R"fW&^*G%R6U_RY X
            width=60></A></TD>
v} K7Q3_1N$B6T         </TR></TBODY></TABLE>

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