woqu

最新推荐文章于 2024-07-25 16:45:46 发布

总系停电

最新推荐文章于 2024-07-25 16:45:46 发布

阅读量176

点赞数

文章标签： css

本文链接：https://blog.csdn.net/weixin_44826132/article/details/109466926

版权

广告图片轮播切换

$(function () { var index = 1; $(".adver").hover(function () { // over $(".arrowLeft,.arrowRight").show(); }, function () { // out $(".arrowLeft,.arrowRight").hide(); }); $(".arrowLeft").click(function (e) { index--; console.log(index);

                if (index == 0) {
                    index = 6
                }
                $(".adver").css("background", "url(./images/adver0" + index + ".jpg)");
                $("li").eq(index - 1).css("backgroundColor", "orange").siblings().css("backgroundColor", "#333");

            });
            $(".arrowRight").click(function (e) {
                index++;
                console.log(index);

                if (index == 7) {
                    index = 1
                }
                $(".adver").css("background", "url(./images/adver0" + index + ".jpg)");
                $(".adver li").eq(index - 1).css("backgroundColor", "orange").siblings().css("backgroundColor", "#333");
            });
            $(".adver li").click(function () {
                index = $(this).index() + 1;
                console.log($(this));
                $(this).css("backgroundColor", "orange").siblings().css("backgroundColor", "#333");
                $(".adver").css("background", "url(./images/adver0" + index + ".jpg)");

            })
            setInterval(() => {
                index++;
                index = index == 7 ? 1 : index;
                index = index == 0 ? 6 : index;
                $(".adver").css("background", "url(./images/adver0" + index + ".jpg)")
                $(".adver li").eq(index - 1).css("backgroundColor", "orange").siblings().css("backgroundColor", "#333")
            }, 1500);
        })