非常不错的图片渐显效果

站内搜索

热门关键字：表格超链接漂浮跟随旋转闪烁日期艺术字滚动点击关联菜单弹出随机

网页特效分类

网页特效分类 >> 图形特效

非常不错的图片渐显效果

[ 发布者：luwei | 来源：网上整理 | 时间：2005-10-25 | 浏览：人次 ]

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|JcwCn.Com/Js|---　双击可放大缩小的图片</title>
</head>

<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="images/dw01.gif" tppabs="http://sc.jcwcn.com/tx/JsHtml/images/dw01.gif"><A 
            href="#"><IMG 
            alt="网页特效" border=0 height=60 
            onmouseout=nereidFade(this,01,7,5) 
            onmouseover=nereidFade(this,100,5,7) 
            src="images/dw02.gif" tppabs="http://sc.jcwcn.com/tx/JsHtml/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="images/dw01.gif" tppabs="http://sc.jcwcn.com/tx/JsHtml/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="images/dw02.gif" tppabs="http://sc.jcwcn.com/tx/JsHtml/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="images/dw01.gif" tppabs="http://sc.jcwcn.com/tx/JsHtml/images/dw01.gif"><A 
            href="#"><IMG 
            alt="网页特效" border=0 height=60 onmouseout=nereidFade(this,01,7,5) 
            onmouseover=nereidFade(this,100,5,7) 
            src="images/dw02.gif" tppabs="http://sc.jcwcn.com/tx/JsHtml/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="images/dw01.gif" tppabs="http://sc.jcwcn.com/tx/JsHtml/images/dw01.gif"><A 
            href="#"><IMG 
            alt="网页特效" border=0 height=60 
            onmouseout=nereidFade(this,01,7,5) 
            onmouseover=nereidFade(this,100,5,7) 
            src="images/dw02.gif" tppabs="http://sc.jcwcn.com/tx/JsHtml/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>

</html>

本类相关特效