js换肤

最新推荐文章于 2024-03-01 15:59:57 发布

qq_22084901

最新推荐文章于 2024-03-01 15:59:57 发布

阅读量211

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_22084901/article/details/56292090

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏




    
   
   
    js换肤功能
    
    <script>
        window.onload = function(){
//            获取背景图片的盒子id
            var boxs = document.getElementById("box");
//            封装函数
//            从arr实参传递到arr形参
            function arr(obj,bg){
//              形参传递函数到objs从而获取事件源id，bg传递到boxs.style.backgroundImage = bg;
//                事件源.事件=事件处理程序
                var objs = document.getElementById(obj);
                objs.onclick = function(){
                    boxs.style.backgroundImage = bg;
                }

            }
            arr("ssl","url(images/js1.jpg)")
            arr("ssc","url(images/js2.jpg)")
            arr("ssr","url(images/js3.jpg)")

        }
    </script>



使用JS换肤