jquery div 切换背景

iteye_1575

于 2015-05-07 11:35:03 发布

阅读量142

点赞数

CC 4.0 BY-SA版权

分类专栏： AJAX与CSS 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_1575/article/details/82618781

AJAX与CSS 专栏收录该内容

7 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        });*/
        $(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>