鼠标经过图片渐显效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标经过图片渐显效果——三W网页特效代码—精品网页特效</title>
</head>

<body>
<!--此特效代码区域加入body标签之间-->
<script language=JavaScript>
<!-- Beginning of JavaScript Code --

nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;
    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
// -- End of JavaScript Code -->
</script>

<TABLE align=center border=0 cellPadding=0 cellSpacing=1>
        <TBODY>
        <TR align=middle>
          <TD  
          height=60 width=60 background="/code/200906/images/dw01.gif"><A 
            href="#"><IMG 
            alt="网页特效" border=0 height=60 
            onmouseout=nereidFade(this,01,7,5) 
            onmouseover=nereidFade(this,100,5,7) 
            src="/code/200906/images/dw02.gif" 
            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)" 
            width=60></A></TD>
          <TD background=/code/200906/images/dw01.gif height=60 
          width=60><A 
            href="#"><IMG 
            alt="网页特效" border=0 height=60 
            onmouseout=nereidFade(this,01,7,5) 
            onmouseover=nereidFade(this,100,5,7) 
            src="/code/200906/images/dw02.gif" 
            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)" 
            width=60></A></TD>
          <TD height=60 
          width=60 background="/code/200906/images/dw01.gif"><A 
            href="#"><IMG 
            alt="网页特效" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 
            onmouseover=nereidFade(this,100,5,7) 
            src="/code/200906/images/dw02.gif" 
            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)" 
            width=60></A></TD>
          <TD height=60 
          width=60 background="/code/200906/images/dw01.gif"><A 
            href="#"><IMG 
            alt="网页特效" border=0 height=60 
            onmouseout=nereidFade(this,01,7,5) 
            onmouseover=nereidFade(this,100,5,7) 
            src="/code/200906/images/dw02.gif" 
            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)" 
            width=60></A></TD>
        </TR></TBODY></TABLE>
<!--body区域特效代码结束-->
</body>

</html>

关闭此页错误报告添加收藏重新加载清空代码下载保存全选复制修改预览直接预览

网页特效代码使用说明

鼠标滑过带有链接的图片，灰色图片渐渐显示变为彩色图片。

此网页特效支持IE、TT、世界之窗、遨游、360、绿色浏览器。

代码直接加入body标签，如果是直接复制的代码，要下载下面两张图片噢，点击[下载保存]就不用下载了。

☉[修改预览][全选复制][关闭此页]按钮仅支持IE及使用IE核心的浏览器

☉您可以直接修改代码，然后通过点击[修改预览]按钮查看修改后的代码效果

☉[预览效果]按钮可以查看原始代码效果，不受代码修改的影响

☉如果代码修改的较为凌乱，可以点击[重新加载]按钮重载代码

☉[添加收藏]按钮可以直接将本页添加到本地收藏夹，便于以后查看

☉如果此代码不能正常运行，您可以通过[错误报告]通知我们，我们会尽快处理，同时感谢你对本站的支持

☉如果您还有其他疑问，可以加入到本站第⑥QQ群74241964共同交流学习。