87,987
社区成员
发帖
与我相关
我的任务
分享请问如何用下拉框改变某个表格或文字的颜色？
我有一个页面，有几套配色方案，能否把那些颜色全部定为变量。再做一个下拉框来定义这个页面的文字颜色，表格背景颜色？
我在网上找了一些代码，只有定义背景颜色的，有没有定义表格某一栏或鞭个字的颜色呢？
<font color="变量名">文字</font>
谁有代码吗？我急用。。。
我在网上找了一些代码，只有定义背景颜色的，有没有定义表格某一栏或鞭个字的颜色呢？
<font color="变量名">文字</font>
谁有代码吗？我急用。。。
...全文
请发表友善的回复…
发表回复
zhaoweiwei 2003-05-23
- 打赏
- 举报
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function changecolor(new_color1,new_color2){
t.style.background=new_color1;
t.style.color=new_color2}
</script>
</head>
<body>
<table width="100%" height="126" border="1" id="t">
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF">dsadadsa</td>
</tr>
</table>
</form>
<form method="POST" action="--WEBBOT-SELF--">
<p><input type="button" value="红和蓝" name="B1" onclick="changecolor('red','blue')">
<input type="button" value="黄和绿" name="B2" onclick="changecolor('yellow','green')"></p>
</form>
</body>
</html>
/////用按钮也可以实现
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function changecolor(new_color1,new_color2){
t.style.background=new_color1;
t.style.color=new_color2}
</script>
</head>
<body>
<table width="100%" height="126" border="1" id="t">
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF">dsadadsa</td>
</tr>
</table>
</form>
<form method="POST" action="--WEBBOT-SELF--">
<p><input type="button" value="红和蓝" name="B1" onclick="changecolor('red','blue')">
<input type="button" value="黄和绿" name="B2" onclick="changecolor('yellow','green')"></p>
</form>
</body>
</html>
/////用按钮也可以实现
zhaoweiwei 2003-05-22
- 打赏
- 举报
good
fason 2003-05-22
- 打赏
- 举报
道理相同的嘛
<table border="1" width="100" height=100 id=t>
<tr>
<td width="100%">fason</td>
</tr>
</table>
<font id=f color="#00000">文字</font>
<select onchange="t.style.backgroundColor=value.split('|')[0];f.color=value.split('|')[1]">
<option value="#000000|#ff0000">#000000</option>
<option value="#ff0000|#000000">#ff0000</option>
<option value="#00ffff|#ff00ff">#00ffff</option>
</select>
<table border="1" width="100" height=100 id=t>
<tr>
<td width="100%">fason</td>
</tr>
</table>
<font id=f color="#00000">文字</font>
<select onchange="t.style.backgroundColor=value.split('|')[0];f.color=value.split('|')[1]">
<option value="#000000|#ff0000">#000000</option>
<option value="#ff0000|#000000">#ff0000</option>
<option value="#00ffff|#ff00ff">#00ffff</option>
</select>
zhaoweiwei 2003-05-22
- 打赏
- 举报
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<table width="100%" height="126" border="1" id="t">
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF">dsadadsa</td>
</tr>
</table>
<form method="POST" action="">
<p>
<select size="1" name="D1" onchange="t.style.background=value">\\改变边框颜色
<option value='red'>red
<option value='blue'>blue
<option value='green'>green
</select></p>
<p>
<select size="1" name="D2" onchange="t.style.color=value">\\改变字体颜色
<option value='red'>red
<option value='blue'>blue
<option value='green'>green
</select></p>
</form>
</body>
</html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<table width="100%" height="126" border="1" id="t">
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF">dsadadsa</td>
</tr>
</table>
<form method="POST" action="">
<p>
<select size="1" name="D1" onchange="t.style.background=value">\\改变边框颜色
<option value='red'>red
<option value='blue'>blue
<option value='green'>green
</select></p>
<p>
<select size="1" name="D2" onchange="t.style.color=value">\\改变字体颜色
<option value='red'>red
<option value='blue'>blue
<option value='green'>green
</select></p>
</form>
</body>
</html>
xiaxin 2003-05-22
- 打赏
- 举报
上面的代码只是改变一个文字或表格的颜色，如果我要选取一个下拉框中的颜色后，能同时把文字的颜色改成一种颜色，而这个表格又改成另外一种色呢？就是说，如果我要同时改变两种颜色。。。
Reker熊 2003-05-22
- 打赏
- 举报
<font id=font1 color="#00000">文字</font>
<select onchange="font1.color=this.value">
<option value="#000000">#000000</option>
<option value="#ff0000">#ff0000</option>
<option value="#00ffff">#00ffff</option>
</select>
<select onchange="font1.color=this.value">
<option value="#000000">#000000</option>
<option value="#ff0000">#ff0000</option>
<option value="#00ffff">#00ffff</option>
</select>
fason 2003-05-22
- 打赏
- 举报
<table border="1" width="100" height=100 id=t>
<tr>
<td width="100%">fason</td>
</tr>
</table>
<select onchange="t.style.color=value">
<option value='red'>red
<option value='blue'>blue
<option value='green'>green
</select>
<tr>
<td width="100%">fason</td>
</tr>
</table>
<select onchange="t.style.color=value">
<option value='red'>red
<option value='blue'>blue
<option value='green'>green
</select>
