/** * Created by Administrator on 2016/8/13. */ function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } } function startMove(obj,json,fn){ clearInterval(obj.timer); obj.timer=setInterval(function(){ var oStop=true; var attr=''; for(attr in json){ //1、取当前值 var iCur=0; if(attr=='opacity'){ iCur=parseInt(parseFloat(getStyle(obj,attr))*100); }else{ iCur=parseInt(getStyle(obj,attr)); } //2、计算速度 var iSpeed=(json[attr]-iCur)/8; iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed); //3、检测停止 if(iCur!=json[attr]){ oStop=false; } if(attr=='opacity'){ obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')'; obj.style.opacity=(iCur+iSpeed)/100; document.getElementById('txt1').value=obj.style.opacity; }else{ obj.style[attr]=iCur+iSpeed+'px'; } } if(oStop){ clearInterval(obj.timer); if(fn){ fn(); } } },30); }
完美运动框架(源代码)move+1.js
最新推荐文章于 2018-03-22 15:05:15 发布