调暗灯光/更改颜色按钮与Javascript/html

Dim Lights/Change Colors button with Javascript/html?

本文关键字：按钮 Javascript html 颜色      更新时间：2023-09-26

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

你可以纯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>

您可以使用此演示中使用的 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();">

爪哇语

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