js推拉门效果的实现

这次给大家带来js推拉门效果的实现，js推拉门效果实现的注意事项有哪些，下面就是实战案例，一起来看一下。

// JavaScript Document
function startMove(obj,json,endFn){
	clearInterval(obj.timer);	
	obj.timer = setInterval(function(){	
	var bBtn = true;	
	for(var attr in json){	
	var iCur = 0;	
	if(attr == 'opacity'){
	if(Math.round(parseFloat(getStyle(obj,attr))*100)==0){
	iCur = Math.round(parseFloat(getStyle(obj,attr))*100);	
	}
	else{
	iCur = Math.round(parseFloat(getStyle(obj,attr))*100) || 100;
	}	
	}
	else{
	iCur = parseInt(getStyle(obj,attr)) || 0;
	}	
	var iSpeed = (json[attr] - iCur)/8;
	iSpeed = iSpeed >0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
	if(iCur!=json[attr]){
	bBtn = false;
	}	
	if(attr == 'opacity'){
	obj.style.filter = 'alpha(opacity=' +(iCur + iSpeed)+ ')';
	obj.style.opacity = (iCur + iSpeed)/100;
	}
	else{
	obj.style[attr] = iCur + iSpeed + 'px';
	}	
	}	
	if(bBtn){
	clearInterval(obj.timer);
	
	if(endFn){
	endFn.call(obj);
	}
	}	
	},30);	
	}	
	function getStyle(obj,attr){
	if(obj.currentStyle){
	return obj.currentStyle[attr];
	}
	else{
	return getComputedStyle(obj,false)[attr];
	}
	}

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

js使用正则进行密码强度验证

js实现标签点击切换代码（附代码）