【html】颜色更改

2015-02-09 06:56:15 -0800

请选择颜色
背景色:
文字色:

<style>
#changeCol{background:#333;color:#F5F5F5;border:2px solid #abcdef;}
#changeCol tr{background:#333;}
#changeCol td{text-align:left;}
</style>
<center>
<table id="changeCol">
<tbody><tr><td><script>
function color(){
document.getElementById("whole_body").style.backgroundColor=(""+ colc.cc.value +"");
document.body.style.color=(""+ colc.tc.value +"");
}
</script>
<form name="colc">
请选择颜色</td></tr>
<tr><td>背景色:</td>
<td><select name="cc">
<option value="#F5F5F5" selected>雪白
<option value="black">黑色
<option value="blue">蓝色
<option value="green">绿色
<option value="skyblue">淡蓝
<option value="orange">橙色
<option value="purple">紫色
<option value="red">红色
<option value="silver">银色
<option value="yellow">黄色
<option value="white">白色</option></select></td></tr>
<tr><td>文字色:</td>
<td><select name="tc">
<option value="orange">橙色
<option value="purple">紫色
<option value="red">红色
<option value="silver">银色
<option value="yellow">黄色
<option value="white">白色 
<option value="black" selected>黑色
<option value="blue">蓝色
<option value="green">绿色
<option value="skyblue">淡蓝
</option></select></td></tr>
<tr><td><input onclick="color()" type="button" value="改变颜色" name="button"></td></tr></form></tbody></table>
</center>
 </div>    <div style="margin-top:5px;margin-bottom:5px">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle" style="display:inline-block;width:320px;height:50px" data-ad-client="ca-pub-9037856653634745" data-ad-slot="7538230447"></ins>

«Newer Older»

Back to home

Subscribe | Register | Login | N