首页 > 其他 > 详细

左右箭头滑动列表

时间:2015-04-02 22:32:36      阅读:516      评论:0      收藏:0      [点我收藏+]
//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);
		}
	});

  

左右箭头滑动列表

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!