点击左右按钮 进行左右切换 一次滑动一个li的宽度

点击左右按钮 进行左右切换 一次滑动一个li的宽度

$(function(){
var num1=0;
var num2=0;
$(".timer span").click(function(){
var index1=$(this).index();
if(index1==0){
/* ul往左移动*/

num1++;

if(num1>6){

num1=6;
}
$(".timer>ul").animate({marginLeft:-num1*127+"px"});

}else{
/* ul往右移动*/

num1--;
if(num1<0){
num1=0
}
$(".timer>ul").animate({marginLeft:-num1*127+"px"})

}
})

<div class="timer">
<span><</span>
<ul>
<li>2017年8月</li>
<li>2017年7月</li>
<li>2017年6月</li>
<li>2017年5月</li>
<li>2017年4月</li>
<li>2017年3月</li>
<li>2017年1月</li>
<li>2016年12月</li>
<li>2016年11月</li>
<li>2016年10月</li>
<li>2016年9月</li>
<li>2016年8月</li>
</ul>
<span>></span>
</div>


posted @ 2017-08-23 10:51  yaomengli  阅读(1413)  评论(0编辑  收藏  举报