标签归档:鼠标

鼠标移上去图片渐变效果,图片特效JS

<!–完成此效果需要两步

把下面代码放到<head>区域中–>

<script language=”JavaScript”>

nereidFadeObjects = new Object();

nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta){

if (!document.all)

return

    if (object != “[object]”){  //do this so I can take a string too

        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>

<!–把下面代码放到<body>区域中–>

        <div align=”left”>

          <a href=”http://www.maqie.com” target=”_blank”><img border=”0″ src=”http://www.maqie.com/wp-content/uploads/2010/02/2-300×199.jpg” onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5)  style=”FILTER: alpha(opacity=55)”></a>

          <br>

          <a href=”http://www.maqie.com” target=”_blank”><img border=”0″ src=”http://www.maqie.com/wp-content/uploads/2010/02/2-300×199.jpg” onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5)  style=”FILTER: alpha(opacity=55)”></a>

                  </div>