轮播图
$(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() }) })