jQuery水平左右滚动轮播图

JQ特效，轮播滚动，一款很好用的插件，欢迎下载。carousel左右滚动轮播插件,jQuery大气的定时向左滚动轮播插件

分类：其它特效 > jQuery插件难易：初级

查看演示下载资源下载积分： 10 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

多个li标签滚动

<div class="carousel-content">
    <div class="carousel-wrap">
        <ul>
            <li><img src="images/1.jpg"></li>
            <li><img src="images/2.jpg"></li>
        </ul>
    </div>
</div>

$(function(){
    var cus_timer= setInterval(autoplay,20);
    var leftnow = parseFloat($(".carousel-wrap ul").css("left"));
    var limleft = parseFloat($('.carousel-wrap>ul>li').css('margin-left'));
    // var leftnow = 0;
    var size = $(".carousel-wrap>ul").children().length;
    var step = parseFloat($(".carousel-wrap>ul>li").width()+limleft);
    var leftul = size*step; 

    for(var i=0;i<6;i++){
        $(".carousel-wrap>ul").append($(".carousel-wrap>ul>li").eq(i).clone());
    }
    function autoplay(){
        var leftnow = parseFloat($(".carousel-wrap ul").css("left"));
        leftnow--;
        $(".carousel-wrap ul").css({"left":leftnow+"px"});
        if(leftnow < -leftul){
            $(".carousel-wrap ul").css({"left":"0px"});
        };
    }
     $(".carousel-content").mouseenter(function(){
        clearInterval(cus_timer);
    });
     $(".carousel-content").mouseleave(function(){
        cus_timer=setInterval(autoplay,20);
    });
});