javascript - 使用 Javascript/html 调暗灯光/更改颜色按钮？

Question

我正在开发一个网站（主要是 html/css）。我想合并一个按钮，单击该按钮会更改页面的背景颜色/图像。我该怎么做你能帮我写必要的代码吗？我相信这可以在 html/javascript 中完成。谢谢你。

Answer 1

你可以纯javascriptdocument.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)';
}