【js实现推拉门效果图】js实现推拉门效果的实例代码（7）

【www.bbyears.com--js教程】

<script type="text/javascript" src="move.js"></script>
<script>
window.onload = function(){
	var oUl = document.getElementsByTagName("ul")[0];
	var aLiUl = oUl.getElementsByTagName("li");
	
	var oOl = document.getElementsByTagName("ol")[0];
	var aLiOl = oOl.getElementsByTagName("li");
	
	var oneWidth = aLiUl[0].offsetWidth;
	var iNow = 0;
	var bBtn = true;
	
	for(var i=1;i this.index){
				aLiUl[this.index].style.left = - oneWidth + "px";
				startMove( aLiUl[iNow] , { left :  oneWidth } );
			}
			
			startMove( aLiUl[this.index] ,{ left : 0 },function(){
				bBtn = true;
				
			} );
			iNow = this.index;
			
			}
			
		};
	}
	
	
};
</script>



	
    	
        
        
        
        
    
    

    	
1
        2
        3
        4
        5
    

本文来源：http://www.bbyears.com/wangyezhizuo/136793.html