更换背景颜色:
一、以下是更换背景颜色的测试案例(点击按钮、下拉框、单选、文字可以更换对应的背景颜色)
点击事件绑定函数,函数解析对应的id,表单是真丑,哈哈!
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>切换背景颜色</title>
<style>
body {
background-image:url(./image/);
}
</style>
<script style="text/javascript">
function change(demo) {
("bg"). = demo;
}
</script>
</head>
<body >
<button type="button" onclick="change('green')" >绿色</button>
<button type="button" onclick="change('red')" >红色</button>
<button type="button" onclick="change('blue')" >蓝色</button>
<select onclick="change(value)" style="height:90px;width:150px;font-size:16px" size="5">
<option value="yellow" >黄色</option>
<option value="blue">蓝色</option>
<option value="green">绿色</option>
<option value="red">红色</option>
<option value="orange">橙色</option>
<option value="pink">粉色</option>
</select>
<br>
<radio onclick="change('green')">绿色</radio>
<p onclick="change('yellow')">黄色:<input type="radio" onclick="change('yellow')" value="黄色"></p>
</body>
</html>