jquery div 切换背景

最新推荐文章于 2025-12-05 08:37:05 发布

原创最新推荐文章于 2025-12-05 08:37:05 发布 · 159 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

AJAX与CSS 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单背景图片切换功能。通过点击按钮，页面背景可在预设的图片间循环切换。涉及的技术包括HTML元素的选择与操作、事件监听器的绑定等。

        });*/
        $(function(){
            $("#btn_img").click(
                    function () {
                        switch_background();
                    }
            );
        });
        function switch_background() {
            if (index == images.length - 1) {
                index = 0;
            } else {
                index++;
            }
            document.getElementById("btn_img").style.backgroundImage = "url(" + images[index] + ")";
        }
    </script>
</head>
<body>
<div id="btn_img" style="width: 50px;height: 10px; background-image: url(${ctx}/resources/images/dj10.jpg)"></div>
</body>
</html>