Jq轮播图

根据图片的长宽来进行左右移动来实现轮播

<script type="text/javascript">
    $(function  () {
    var current=0;
    var count=$(".pics-list li").length-1;
    var width=$(".pics-list li").width();
   
    setInterval(function(){
    next();
    },1000)
    function next () {
    if(current>=count){
    current=0;
    }
    else
    {
    current++;
    }
    $(".points-list li").eq(current).addClass("active").siblings().removeClass("active");
    $(".pics-list").css("left",-1*width*current+"px")
    }
    function prev(){
    if(current<=0){
    current=count;
    }
    else
    {
    current--;
    }
    $(".points-list li").eq(current).addClass("active").siblings().removeClass("active");
    $(".pics-list").css("left",-1*width*current+"px")
    }
    $(".banner-box .next").click(function  () {
    next();
    })
    $(".banner-box .prev").click(function  () {
    prev();
    })
   
    })
   </script>

posted @ 2021-11-08 20:44  阿里郎丶  阅读(27)  评论(0编辑  收藏  举报