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

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

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

<script language=JavaScript>
)NC!q+k:j*i <!-- Beginning of JavaScript Code -------------------
}/m*ee5X gD D`YDZ
nereidFadeObjects = new Object();8u x:`,g:SS5G
nereidFadeTimers = new Object();/E b
e0pX(x kNH
function nereidFade(object, destOp, rate, delta){`J?*b2J3A5yBX
if (!document.all);U0iWLN6^
returnb K _ Wen6A3^
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
W0m.j4o9~.uj
Tc%d         return;s'pvp*R&oZ
    }
1w\0gRia(~v     clearTimeout(nereidFadeTimers[object.sourceIndex]); [b?/Df/Z
    diff = destOp-object.filters.alpha.opacity;A0[*d'X` ?*}d
    direction = 1;+`/f9@3@ {(q0j6v m)S
    if (object.filters.alpha.opacity > destOp){
d;o j*K qb$LP         direction = -1;
l_[ K4c#G&qX     }&_,L!R P6r+SN
    delta=Math.min(direction*diff,delta);A8O Q[zN
    object.filters.alpha.opacity+=direction*delta;"{G(cnX
    if (object.filters.alpha.opacity != destOp){
n4xQ"K,tI/]_"I!\"X         nereidFadeObjects[object.sourceIndex]=object;

|ud&?z"|:g         nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
*yc|%xl pf1q0h     } Rh2L~-[Vm
}
_-^&{5FC J // -- End of JavaScript Code -->
3t$Fj!iq/Hp&G dr </script>$aM~3f {x1Y
//修改下面的图像地址和大小
8fTn7A?!w <TABLE align=center border=0 cellPadding=0 cellSpacing=1>
O8ua9j/c         <TBODY>
)jT+fx.z:m         <TR align=middle>De&U(lr9M#m
          <TD background=files/index_dreamweaver2.gif |mVi}5@gZN
          height=60 width=60><A
2iQ|H~lCc             href="http://www.hooji.com/java/display.asp?id=542#"><IMG 0TLHPW a8C:BM N
            alt="Dreamweaver 资源" border=0 height=60
`(^1W Dp7D             onmouseout=nereidFade(this,01,7,5) gEO m/y"Ji
            onmouseover=nereidFade(this,100,5,7)
dx%M7^#r+eU.L/~             src="files/index_dreamweaver.gif" p9sF8y~*cI
            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)"
/pjuzNL_6a             width=60></A></TD>*Q%E0Eh&G
{P\"{
          <TD background=files/index_fireworks2.gif height=60 g-h%^0k2\#H#rY5y
          width=60><A +vc@4A*d9oK
            href="http://www.hooji.com/java/display.asp?id=542#"><IMG 'UY;d,V Is [AO
            alt="Fireworks 资源" border=0 height=60 X*{xt)A&`h`&IG|
            onmouseout=nereidFade(this,01,7,5)
-?(r8|^#Ko-N&P             onmouseover=nereidFade(this,100,5,7) -n'`9Vv7w*?l!^
            src="files/index_fireworks.gif"
b!VJ0\ Cg2\             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)" kW{$o2?1F'y0g&Z
            width=60></A></TD>
r*pt*Xy9o           <TD background=files/index_flash2.gif height=60
f%aYU B{V@           width=60><A
4s#~4A(E*uG0e             href="http://www.hooji.com/java/display.asp?id=542#p"><IMG
w!MV-E-N.SK2t             alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5) .[ @RY"II
            onmouseover=nereidFade(this,100,5,7)
| n"\DT!\%h             src="files/index_flash.gif"
:NV:o$F&p6lv2F             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)"
#@oA4MXG             width=60></A></TD>
+S-`^Lp/x'g           <TD background=files/index_photoshop2.gif height=60 (n{|.`7l.c)hUw
          width=60><A
Yy(r[R"[ ~)i             href="http://www.hooji.com/java/display.asp?id=542#"><IMG #nGmPpTwa:Y K
            alt="Photoshop 资源" border=0 height=60
A-o%\_$gtVen             onmouseout=nereidFade(this,01,7,5) [fM'|P2L7zx Y
            onmouseover=nereidFade(this,100,5,7)
1KH+Y dZL@ Z             src="files/index_photoshop.gif" j&{ b5};{:f6yga
            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}8n }
VX?s
            width=60></A></TD>
P R5?Q^V         </TR></TBODY></TABLE>

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