左右箭头滑动列表

最新推荐文章于 2022-04-24 16:51:27 发布

weixin_30493401

最新推荐文章于 2022-04-24 16:51:27 发布

阅读量474

点赞数

文章标签：前端数据库 ViewUI

原文链接：http://www.cnblogs.com/joy-cnblogs/p/4388514.html

版权

//slideshow 左右箭头滑动一组li焦点图

	autoSlide();
	function autoSlide(){
		clearAutoS=setInterval(autoFunS,5000);
	}
	function autoFunS(){
		var loc=$(".slideshow-box ul").css("left");
		if(loc=="-2370px"){
			loc="1185";
		}
		var newloc=parseInt(loc)-1185;
		newloc=newloc.toString()+"px";
		$(".slideshow-box ul").animate({
		left:newloc},300);
	}
	$(".slideshow-box").hover(function(){
		clearInterval(clearAutoS);		
	},function(){
		autoSlide();
	});
	$(".arrow-left").click(function(){
		var loc=$(".slideshow-box ul").css("left");
		//console.log(loc);
		if(loc=="0px"){
			return false;
		}else{
			var newloc=parseInt(loc)+1185;
			newloc=newloc.toString()+"px";
			$(".slideshow-box ul").animate({
			left:newloc},300);
		}
	});
	$(".arrow-right").click(function(){
		var loc=$(".slideshow-box ul").css("left");
		if(loc=="-2370px"){
			return false;
		}else{
			var newloc=parseInt(loc)-1185;
			newloc=newloc.toString()+"px";
			$(".slideshow-box ul").animate({
			left:newloc},300);
		}
	});

转载于:https://www.cnblogs.com/joy-cnblogs/p/4388514.html