问答详情
源自:2-2 JS透明度动画

学习了,不错

window.onload=function(){

var oDiv=document.getElementById('div1');

oDiv.onmouseover=function(){

startMove(100);

};

oDiv.onmouseout=function(){

startMove(30);

}

};

var timer=null;

var alpha=30;

function startMove(iTarget){

var oDiv=document.getElementById("div1");

clearInterval(timer);

timer=setInterval(function(){

var speed=0;

if(alpha>iTarget){

speed=-10;

}

else{

speed=10;

}

if(alpha==iTarget){

clearInterval(timer);

}

else{

alpha+=speed;

oDiv.style.filter='alpha(opacity:'+alpha+')';

oDiv.style.opacity=alpha/100;

}

},30)

}


提问者:zhaorenfei 2015-06-16 07:14

个回答

  • Misaya_hu
    2015-12-25 10:23:28

    mark!