点击左右按钮 进行左右切换 一次滑动一个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>