jquery轮播图

$(function () {

var current=0;
var count=$(".pics-list li").length-1;
var width=$(".pics-list li").width();

setInterval(function(){
next();
},3000)
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();
})

})

removeClass() 方法从被选元素移除一个或多个类。

siblings()  获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的

setInterval 计时器

-1*width*current+"px"  移动一个li的距离

posted @ 2021-11-08 20:34  李李与李李  阅读(27)  评论(0)    收藏  举报