jquery怎么实现左右滑动的问题

最新推荐文章于 2021-06-19 17:18:41 发布

weixin_33913377

最新推荐文章于 2021-06-19 17:18:41 发布

阅读量69

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xupeiyu/p/4201842.html

版权


 var len = $("#b span").length,

  	curindex = 0;

$("#leftRun").click(function(){

	if(curindex) {
		curindex--;
	}else{
		return;
	}

	$("#b").animate({ 
    	left: "-" + curindex * 105
	}, 300);

	$(".ser_nav>span").eq(curindex).mouseover();

	   			


});




$("#rightRun").click(function(){

		if(curindex == len - 5) {
			return;
		}else{
			curindex++;
		}

		$("#b").animate({ 
	    	left: "-" + curindex * 105
		},300);

		$(".ser_nav>span").eq(curindex).mouseover();


});

<script>
		

		function clicktabs(tit_id,box_id,cur){
			var g_tags=$(tit_id),
				g_conts=$(box_id),
				g_current=cur;
			g_tags.live('mouseover',function(){
				var g_index=g_tags.index(this);
				$(this).addClass(g_current).siblings().removeClass(g_current);
				g_conts.eq(g_index).show().siblings().hide();
			})
		}
		clicktabs(".ser_nav>span",".ser_all>ul","cur");


	</script>

转载于:https://www.cnblogs.com/xupeiyu/p/4201842.html