运动函数(二)

function move(obj,attr,target,time,step){
		//取消定时器
		if(obj.timer){
			clearInterval(obj.timer);
		}
		//给形参赋默认值
		if(!time){ 
		  time=10
		}
		if(!step){
			step =10;
			
		}
		//console.log(step);
		obj.timer=setInterval(function(){
			//console.log("--");
			//获取属性当前的值
			//大小,宽高,位移
			var iCur= getStyle(obj,attr);
			//console.log(iCur+" "+target);
			//处理透明度的问题
			if(attr=="opacity"){
				iCur= parseFloat(getStyle(obj,attr));
			}else{
				iCur= parseInt(getStyle(obj,attr));
			}
			//添加一个变量,用来记录当前值和目标值之间的差
			//如果这个差>0, + ,如果这个差<0, -
			var speed=  (target-iCur)/step;
			//console.log(iCur+ " "+speed);
			speed= speed>0?Math.ceil(speed):Math.floor(speed);
			//修改当前值
			if(iCur!=target){
				
				if(attr=="opacity"){
					obj.style[attr]= iCur+ speed;
					//console.log(iCur+ step);
					//console.log(attr+" "+(iCur+ step)+" "+obj.style[attr]);
				}else{
					obj.style[attr]= iCur+ speed +"px";
				}
				
			}else{
				clearInterval(obj.timer);
			}
		},time);
}		
		
	function getStyle(obj,attr){
	   //获取对象obj的属性attr的值
		 //大小,宽高,位移
		 var val;
		 if(window.getComputedStyle){//>=ie9 && !ie
		    val= window.getComputedStyle(obj,null)[attr];
		 }else{//<ie9  ie
		    val= obj.currentStyle[attr];
		 }
		 return val;
	}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值