버튼 클릭으로 바탕색을 바꾼다

 

 

 

<style> table { background-color: transparent; }</style><center><pre>

 

<button class="pre" onClick="document.bgColor='780CC0'"><img src=imge/s.gif></button> <button class="pre" onClick="document.bgColor='FFFF00'"><img src=imge/u.gif></button> <button class="pre" onClick="document.bgColor='58F020'"><img src=imge/n.gif></button> <button class="pre" onClick="document.bgColor='FF0CC0'"><img src="imge/11.gif" width="20" height="20"></button> <button class="pre" onClick="document.bgColor='1010C0'"><img src=imge/j.gif></button> <button class="pre" onClick="document.bgColor='FF0C08'"><img src=imge/s0.gif></button>
  </pre>
<FORM>버튼에 글씨로</pre></center>
</FORM>
<p align="center">
<INPUT TYPE=button VALUE="초록" onClick="document.bgColor='green'" style="color:white; background-color:rgb(51,153,0); border-width:0; border-color:rgb(102,153,0);"> <INPUT TYPE=button VALUE="파랑" onClick="document.bgColor='blue'" style="color:white; background-color:blue; border-width:0; border-color:blue;"> <INPUT TYPE=button VALUE="연두" onClick="document.bgColor='lightgreen'" style="color:white; background-color:rgb(0,255,102); border-width:0; border-color:lime;"> <INPUT TYPE=button VALUE="핑크" onClick="document.bgColor='pink'" style="color:white; background-color:rgb(255,204,204); border-width:0; border-color:rgb(255,204,204);"> <INPUT TYPE=button VALUE="하얀" onClick="document.bgColor='white'" style="color:black; background-color:white; border-width:0; border-color:white;"> <INPUT TYPE=button VALUE="주황" onClick="document.bgColor='FF9900'" style="color:white; background-color:rgb(255,153,0); border-width:0; border-color:rgb(255,153,0);"> <INPUT TYPE=button VALUE="하늘" onClick="document.bgColor='99FFFF'" style="color:white; background-color:rgb(102,204,255); border-width:0; border-color:rgb(102,204,255);"> <INPUT TYPE=button VALUE="검정" onClick="document.bgColor='black'" style="color:white; background-color:black; border-width:0; border-color:black;"></p>
<center><FORM><ul><ul><ul>
<p><SCRIPT LANGUAGE="JavaScript">
<!--
function sourceopen() {
var This_URL = "";
This_URL = document.location;
window.location = "view-source:"+This_URL;
}
-->
</SCRIPT></center>
<p><SCRIPT LANGUAGE="JavaScript">
<!--
function sourceopen() {
var This_URL = "";
This_URL = document.location;
window.location = "view-source:"+This_URL;
}
-->
</SCRIPT>
</FORM>