Question

我正在网站上工作（主要是html / css）。我希望合并一个按钮，单击该按钮可更改页面的背景颜色/图像。我该怎么做才能帮助我完成必要的代码？我相信这可以在html / javascript中完成。谢谢。

Answer 1

您可以使用纯javascript document.body.style.backgroundImage

<input type="button" onclick="changeBackground();" />

<img src="../images/someimage.png" onclick="changeBackground();" />

<script type="text/javascript"> 
    function changeBackground()
        {
            document.body.style.backgroundImage = 'url(../images/yourimage.png)';
        }
</script>

Answer 2

您可以使用此演示中使用的Javascript：http://jsfiddle.net/rathoreahsan/NZwGb/

<强> HTML

<input type="button" value="Change BG Image" onclick="changeBG();" /><br />

OR<br />

<img src="http://www.naturewallpaper.co.uk/wallpapers/nature-wallpaper-90.jpg" width="200px;" onclick="changeBG();">

<强>的Javascript

function changeBG() {
  document.body.style.backgroundImage = 'url(http://4.bp.blogspot.com/-C6ZUDP_SUjo/T90hd_j90qI/AAAAAAAAADw/I2fhPhJcS-8/s1600/Nature+river+sun.jpg)';
}

昏暗的灯光/更改颜色按钮与Javascript / html？

2 个答案: