zoukankan      html  css  js  c++  java
  • 设置背景颜色

    <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="200px;height:200px;"></div> 
    </body> 
    </html> 
    

      

    本文出自 “阿凡达” 博客,请务必保留此出处http://shamrock.blog.51cto.com/2079212/819676

  • 相关阅读:
    进程、线程
    listview
    Jquery小知识点
    Jquery
    ling查询
    linq
    登陆状态显示
    母版页
    js的触发方式
    js
  • 原文地址:https://www.cnblogs.com/umgsai/p/3908155.html
Copyright © 2011-2022 走看看