设置背景颜色

原创

umgsai 2012-03-28 19:42:38 博主文章分类：html ©著作权

©著作权归作者所有：来自51CTO博客作者umgsai的原创作品，请联系作者获取转载授权，否则将追究法律责任

<html> 
 <head> 
  <meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
  <title> 设置背景颜色 </title>   
<script type="text/javascript"> 
  function AddOption(color) {  
   //alert(color);  
   if(color==1)  
            document.getElementById("myDiv").style.backgroundColor="red";  
    else if(color==2)  
            document.getElementById("myDiv").style.backgroundColor="green";  
    else if(color==3)  
            document.getElementById("myDiv").style.backgroundColor="blue";  
    else if(color==4)  
            document.getElementById("myDiv").style.backgroundColor="yellow";  
    else if(color==5)  
            document.getElementById("myDiv").style.backgroundColor="orange";  
        }  
</script>    
 </head> 
<body>    
选择颜色<br> 
<input type="radio" name="color" value="red" onClick="AddOption(1)" />红<br> 
<input type="radio" name="color" value="" onClick="AddOption(2)" />绿<br> 
<input type="radio" name="color" value="" onClick="AddOption(3)" />蓝<br> 
<input type="radio" name="color" value="" onClick="AddOption(4)" />黄<br> 
<input type="radio" name="color" value="" onClick="AddOption(5)" />橙<br><br> 
颜色示例<br><br> 
     <div id="myDiv" style="width:200px;height:200px;"></div> 
</body> 
</html>