一个电脑“高手”的自述区youkuiyuan.blog.chinaunix.net
youkuiyuan
全部博文（107）
2015年（1）
2014年（1）
2012年（5）
2011年（22）
2010年（12）
2009年（13）
2008年（34）
2007年（19）
tttxxx
emos
yejia805
helfy_xu
pnomc
mr_zeng_
psmzs
bj_story
dutian11
分类：
2008-09-19 11:21:23
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>改变表格背景颜色</title><style type="text/css"></style><script language="javascript">//改变颜色按钮点击事件function changeColor_Click(){ var colorStr=getRadioColor(); if(colorStr=="") { alert('请先选择单选按钮的一种颜色'); return false; } ChangeCurrentColor(colorStr); ChangeTableColor(colorStr);}//下拉列表选中事件(Val选中的值)function selColor_Change(Val){ var colorStr=Val; ChangeCurrentColor(colorStr); ChangeTableColor(colorStr);}//获得单选按钮选中的颜色function getRadioColor(){ for(var i=0;i<this.radioColor.length;i++) { if(this.radioColor[i].checked) return this.radioColor[i].value; } return "";}//改变当前显示的颜色function ChangeCurrentColor(colorStr){ var CurColor=document.getElementById("CurColor"); CurColor.innerHTML=colorStr;} //改变表格背景颜色function ChangeTableColor(colorStr){ var ShowColor=document.getElementById("ShowColor"); ShowColor.style.backgroundColor=colorStr;}</script></head><body id="ShowColor" ><table width="236" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="135" height="21" valign="top"><div align="center"> <select name="selColor" onChange="selColor_Change(this.options[this.selectedIndex].value);"> <option selected>列表选择颜色</option> <option value="red" >真红</option> <option value="yellow" >金黄</option> <option value="blue" >纯蓝</option> <option value="green" >翠绿</option> <option value="white" >羽白</option> <option value="pink" >粉红</option> <option value="Azure" >天青</option> <option value="cyan" >铭绿</option> <option value="orange" >橙黄</option> </select> </div></td> <td width="101" valign="top"><div id="CurColor" align="center" class="style4" style="display:none"></div></td> </tr></table></body></html>
上一篇：办信用卡 相应证明
下一篇：PHP上传文件
登录 注册
