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