SourceCode/jiouosdp/Scripts/Loop/trunsBox.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

// JavaScript Document
(function ($) {		
	$.fn.trunsBox= function(options){
		$(this).each(function() {
			var _box=$(this);
			var _wrap=_box.find('ul');
			var box_li=_box.find('li');
			box_li.css("width",_box.width()+'px');	
			var box_li_width=box_li.outerWidth(true);
			var size=box_li.size();
			var time=3000;
			var page=0;
			
			
			//遍历分页
			var pager="";
			for(var i=0; i<size; i++){
				pager+="<span></span>";
			}
			$("<div class='s-page'>"+pager+"</div>").appendTo(_box);
			var box_pager=_box.find(".s-page").find("span");
			box_pager.eq(0).addClass('curr');
			


		    window.setInterval(animateNext, 5000);//1000为1秒钟

			function animateNext(){
				if( !_wrap.is(":animated") ){
				  if( page==size-1 ){                 
						box_li.eq(0).css({"position":"relative","top":0,"left":box_li_width*size+'px'});            
						_wrap.animate({"left":-box_li_width*size+"px"},500,function(){
							box_li.eq(0).attr("style","left:0;width:"+box_li_width+'px');
							$(this).css({"left":"0"});
						});
						page=0;
				  }else{
						_wrap.stop(false,true).animate({"left":'-='+box_li_width+"px"},500);
						page++;
				 }
				}
				box_pager.eq(page).addClass("curr").siblings().removeClass("curr");
			};
			
			function animatePrev(){
				if( !_wrap.is(":animated") ){
				  if( page==0 ){           
						box_li.filter(":last-child").css({"position":"relative","top":0,"left":-box_li_width*size+'px'});            
						_wrap.animate({"left":box_li_width+"px"},500,function(){
							box_li.filter(":last-child").attr("style","width:"+box_li_width+'px');
							$(this).css({"left":-box_li_width*(size-1)+"px"});
						});
						page=size-1;
				  }else{
						_wrap.stop(false,true).animate({"left":'+='+box_li_width+"px"},500);
						page--;
					
				  }
				}
				box_pager.eq(page).addClass("curr").siblings().removeClass("curr");