如何使用javascript按钮更改网页背景颜色

时间:2013-12-01 01:59:54

标签: javascript html image button background-color

我正在尝试使用按钮更改网页背景颜色。我正在使用JPG作为按钮。

<head>
<script language="JavaScript">
 function changeBGC(color){
 document.bgColor = color;
 }
 </script>
 </head>

在体内

<img src="images/white01.jpg" alt= "White Background" width="255" height="38" type='button' value='White Background' onClick="javascript:changeBGC('#ffffff');return false" />

<img src="images/black01.jpg" alt= "Black Background" width="255" height="38" type="button" value='Black Background' onClick="javascript:changeBGC(#000000');return false" />

1 个答案:

答案 0 :(得分:0)

<head>标签上:

<script>
 function changeBGC(color){
  document.body.style.backgroundColor = color;
 }
</script>

按钮:

<img src="images/white01.jpg" alt= "White Background" width="255" height="38" type='button' value='White Background' onclick="changeBGC('#ffffff');return false" />

<img src="images/black01.jpg" alt= "Black Background" width="255" height="38" type="button" value='Black Background' onclick="changeBGC('#000000');return false" />

http://jsfiddle.net/a7guj/

上查看