javascript - Javascript/html を使用して薄暗いライト/色を変更するボタンはありますか?

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)';
}