设置背景颜色

 

  
  
  
  
  1. <html> 
  2.  <head> 
  3.   <meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
  4.   <title> 设置背景颜色 </title>   
  5. <script type="text/javascript"> 
  6.   function AddOption(color) {  
  7.    //alert(color);  
  8.    if(color==1)  
  9.             document.getElementById("myDiv").style.backgroundColor="red";  
  10.     else if(color==2)  
  11.             document.getElementById("myDiv").style.backgroundColor="green";  
  12.     else if(color==3)  
  13.             document.getElementById("myDiv").style.backgroundColor="blue";  
  14.     else if(color==4)  
  15.             document.getElementById("myDiv").style.backgroundColor="yellow";  
  16.     else if(color==5)  
  17.             document.getElementById("myDiv").style.backgroundColor="orange";  
  18.         }  
  19. </script>    
  20.  </head> 
  21. <body>    
  22. 选择颜色<br> 
  23. <input type="radio" name="color" value="red" onClick="AddOption(1)" /><br> 
  24. <input type="radio" name="color" value="" onClick="AddOption(2)" />绿<br> 
  25. <input type="radio" name="color" value="" onClick="AddOption(3)" /><br> 
  26. <input type="radio" name="color" value="" onClick="AddOption(4)" /><br> 
  27. <input type="radio" name="color" value="" onClick="AddOption(5)" /><br><br> 
  28. 颜色示例<br><br> 
  29.      <div id="myDiv" style="width:200px;height:200px;"></div> 
  30. </body> 
  31. </html> 

 

你可能感兴趣的:(html,职场,head,休闲)