如何用不同的按钮控制更改body的背景图片为不同的图片

如何用不同的按钮控制更改body的背景图片为不同的图片哪位知道的，能给写下代码如何实现这个功能吗？就是一个页面上有三个按钮，点击不同的按钮。整体页面的背景图片呈现不同的背景图片

解决方案 »

  1.   

    这个用JS实现就可以了，自己百度下JS修改背景图
      

  2.   


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body style="background-color: azure">
    <button onclick="changeBody(this)" style="background-color: #00b3ee">change</button>
    <button onclick="changeBody(this)" style="background-color: #86ee83">change</button>
    <button onclick="changeBody(this)" style="background-color: #ee55a7">change</button>
    </body>
    <script>
        function changeBody(obj) {
            document.getElementsByTagName('body')[0].style['background-color']  = obj.style['background-color'];
        }
    </script>
    </html>