首页 > 编程语言 > 详细

原生javascript 实现 animate

时间:2016-04-09 00:08:43      阅读:284      评论:0      收藏:0      [点我收藏+]

原生javascript 实现 animate

//animate
			function getstyle(obj,name){
				if(obj.currentStyle){
					return obj.currentStyle[name];
				}else{
					return getComputedStyle(obj,false)[name];
				}
			}
			function startrun(obj,attr,target,fn){
				 clearInterval(obj.timer);
				 obj.timer = setInterval(function(){
				  var cur = 0;
				  if(attr == "opacity"){
				   cur = Math.round(parseFloat(getstyle(obj,attr))*100);
				  }else{
				   cur = parseInt(getstyle(obj,attr));
				  }
				  var speed = (target-cur)/8;
				  speed = speed>0?Math.ceil(speed):Math.floor(speed);
				   
				  if(cur == target){
				   clearInterval(obj.timer);
				   if(fn){
				    fn();
				   }
				  }else{
				   if(attr == "opacity"){
				    obj.style.filter = "alpha(opacity="+(cur+speed)+")";
				    obj.style.opacity = (cur+speed)/100;
				   }else{
					obj.style[attr] = cur + speed + "px";
				   }
				  }
				 },30)
				}

  

原生javascript 实现 animate

原文:http://www.cnblogs.com/mystudy/p/5370412.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!