2021/11/15 动画效果和轮播图

轮播图   

$(function () {     var current =0;     var count=$(".pics-list>li").length;
    //动画     function move() {         $(".points-list>li").eq(current).addClass("active").siblings().removeClass("active")         $(".pics-list").css("left",-1200 * current + "px")     }
    //下一张图的轮播     function next() {         if (current < count - 1) {             current++;         }else{             current=0;         }         move();     }
    //轮播图时间 给时间一个timer 在鼠标移入移出的时候调用     var timer=setInterval(() => {         next();     }, 1000);
    //鼠标移入移出     $(".banner-box").hover(function() {         clearInterval(timer);//移入清理定时器     },function () {         //移出加上定时器         timer=setInterval(() => {             next();         }, 1000);     })
    //圆点     $(".points-list>li").click(function () {         current=$(this).index();//获取下标         move();//调用     })
    //左边箭头     $(".buts>.next").click(function(){         next();         move();     })
    //右边箭头     $(".buts>.prev").click(function(){         if (current>0) {             current--;         }else{             current=count - 1;         }        move();     }) })
$(function () {     $(".top-list .title").click(function () {         $(this).addClass("active").siblings().removeClass("active");         $(".top-list-main ul").eq($(this).index()).show().siblings().hide()     }) })
上一篇:VS报错:No project was found. Change the current working directory or use the --project option.


下一篇:实验五和六 线性结构之链表