...
下拉菜单选择颜色,用按钮改变背景色和文字颜色
时间:2006-3-18 11:19:19 来源:本站收集整理 作者:佚名
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function color() {
document.bgColor=(""+ colc.cc.value +"");
document.body.text=(""+ colc.tc.value +"");
}
// End -->
</script>
<div align="center">
<form name="colc">
<table border="1">
<td colspan="2">
<b><center>请选择颜色</td><tr><td>
<b>背景色:</td><td><select name="cc" size="1">
<option value="black">Black
<option value="blue">Blue
<option value="green">Green
<option value="skyblue">Light Blue
<option value="orange">Orange
<option value="purple">Purple
<option value="red">Red
<option value="silver">Silver
<option value="Yellow">Yellow
<option selected value="white">White
</select></td><tr><td>
<b>文字色:</td><td>
<select name="tc" size="1">
<option selected value="black">Black
<option value="blue">Blue
<option value="green">Green
<option value="skyblue">Light Blue
<option value="orange">Orange
<option value="purple">Purple
<option value="red">Red
<option value="silver">Silver
<option value="Yellow">Yellow
<option value="white">White
</select>
</td><tr><td colspan="2">
<center><input type="button" name="button" value="改变颜色" onclick="color()">
</td>
</table>
</form>
</div>
<!-- Begin
function color() {
document.bgColor=(""+ colc.cc.value +"");
document.body.text=(""+ colc.tc.value +"");
}
// End -->
</script>
<div align="center">
<form name="colc">
<table border="1">
<td colspan="2">
<b><center>请选择颜色</td><tr><td>
<b>背景色:</td><td><select name="cc" size="1">
<option value="black">Black
<option value="blue">Blue
<option value="green">Green
<option value="skyblue">Light Blue
<option value="orange">Orange
<option value="purple">Purple
<option value="red">Red
<option value="silver">Silver
<option value="Yellow">Yellow
<option selected value="white">White
</select></td><tr><td>
<b>文字色:</td><td>
<select name="tc" size="1">
<option selected value="black">Black
<option value="blue">Blue
<option value="green">Green
<option value="skyblue">Light Blue
<option value="orange">Orange
<option value="purple">Purple
<option value="red">Red
<option value="silver">Silver
<option value="Yellow">Yellow
<option value="white">White
</select>
</td><tr><td colspan="2">
<center><input type="button" name="button" value="改变颜色" onclick="color()">
</td>
</table>
</form>
</div>
...
