改变网页背景及文字颜色

2014-01-09 06:15:32 -0500

转自笑忘书网盘
html代码

<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.text=(""+ 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>

代码展示

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

«Newer Older»

----Comments(2)----
翱翔的雄鹰 (@axdxy) | @ at 2014-01-09 18:15:
需撤销css的说。。。

翱翔的雄鹰 (@axdxy) | @ at 2014-01-09 06:23:
呃。。。在我的页面文字颜色控制不了。

Back to home

Subscribe | Register | Login | N