显示图片渐隐效果

    技术2022-05-11  107

    图片渐隐效果(IE中有效):

    1.Script代码:

    <SCRIPT>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);  }}</SCRIPT>

    2.html代码:

    <img src="http://www.google.com/images/logo_sm.gif" id="logo" border=0 style="FILTER: alpha(opacity=50)" onMouseOver=nereidFade(this,100,40,5) onMouseOut=nereidFade(this,30,40,5)>

    3.可以自己测试一下效果,我这里就不显示了。


    最新回复(0)