//资质滚动js--start $(function(){ var page = 1; var i = 5; //每版放5个图片 var page_new=1; //向后 按钮 $("div.next1").click(function(){ //绑定click事件 var $parent = $(this).parents("div.v_show1");//根据当前点击元素获取到父元素 var $v_show1 = $parent.find("div.v_content1_list1"); //寻找到"视频内容展示区域" var $v_content1 = $parent.find("div.v_content1"); //寻找到"视频内容展示区域"外围的div元素 var v_width = $v_content1.width() ; var len = $v_show1.find("li").length; var page_count = math.ceil(len / i); //只要不是整数,就往大的方向取最小的整数 if( !$v_show1.is(":animated") ){ //判断"视频内容展示区域"是否正在处于动画 if( page == page_count ){ //已经到最后一个版面了,如果再向后,必须跳转到第一个版面。 $v_show1.animate({ left : '0px'},6000); //通过改变left值,跳转到第一个版面 page = 1; }else{ page_new++; v_width=v_width+page_new*2; if(page_new>2) { v_width= $v_content1.width(); page_new=1; } $v_show1.animate({ left : '-='+v_width }, 6000); //通过改变left值,达到每次换一个版面 page++; } } $parent.find("div").eq((page-1)).addclass("current").siblings().removeclass("current"); }); //往前 按钮 $("div.prev1").click(function(){ var $parent = $(this).parents("div.v_show1");//根据当前点击元素获取到父元素 var $v_show1 = $parent.find("div.v_content1_list1"); //寻找到"视频内容展示区域" var $v_content1 = $parent.find("div.v_content1"); //寻找到"视频内容展示区域"外围的div元素 var v_width = $v_content1.width(); var len = $v_show1.find("li").length; var page_count = math.ceil(len / i) ; //只要不是整数,就往大的方向取最小的整数 if( !$v_show1.is(":animated") ){ //判断"视频内容展示区域"是否正在处于动画 if( page == 1 ){ //已经到第一个版面了,如果再向前,必须跳转到最后一个版面。 v_width=v_width+2; page_new=1; $v_show1.animate({ left : '-='+v_width*(page_count-1) }, 6000 ); page = page_count; }else{ page_new++; v_width=v_width+page_new*2; if(page_new>2) { v_width= $v_content1.width() ; page_new=1; } $v_show1.animate({ left : '+='+v_width }, 6000); page--; } } $parent.find("div").eq((page-1)).addclass("current").siblings().removeclass("current"); }); }); //资质滚动js--end