码迷,mamicode.com
首页 > 其他好文 > 详细

左右箭头滑动列表

时间:2015-04-02 22:33:09      阅读:278      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!