怎么选择颜色改变网站的背景颜色


上面是界面
在里面选择一个颜色
点确定后
背景就换个颜色
里面有红、黄、蓝颜色吧
谁指点下啊

解决方案 »

  1.   

    点击确定时，触发一个onClick事件，用js完成改变背景啊.<input type=button id="abc" name="xxx" value="按钮" onclick="changebackgrond()" />function changebackgrond()
    {
        //先判断select 控件的值，然后使用下面的方法设置背景色
        document.bgColor = "#FF0000" //红色
        document.bgColor="#0000FF" //蓝色
         document.bgColor="#FFFF00"  //黄色 } 
      

  2.   

    我是这样写的...
    没效果...
    谁指点下~<%@ page language="java" contentType="text/html; charset=GBK"
        pageEncoding="GBK"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <title>Insert title here</title>
    </head><script type="text/javascript">
    function bgchange(){
    var myvar=form1.email.value;
    if(myvar=="0"){
    document.body.bgColor="#FF0000";
    }else if(myvar=="1"){
    document.body.bgColor="#0000FF";
    }else if(myvar=="2"){
    document.body.bgColor="#000000";
    }
    }
    </script>
    <body ><form name="form1" method="post" action="#" >
    <tr>
    <td>选择背景的颜色</td>
    <td>
    <select name="yanse">
        <option value="0">红色</option>
        <option value="1">蓝色</option>
        <option value="2">黑色</option>
    </select>
    </td>
    </tr>
    </form>
    <input type="submit" name="Submit" value="确定 " onclick==bgchange()></body>
    </html>
      

  3.   

    var myvar=form1.yanse.value;
    打错了
      

  4.   

    <script type="text/javascript">
     function change()
     {
        var color = document.getElementById("selectColor").value;
        document.bgColor = color;
     }
    </script>
    </head><body>
      <select onchange="change()" id = "selectColor">
        <option value="red">red</option>
    <option value="blue">blue</option>
      </select>
    </body >
      

  5.   

    <select style="float:right"  onchange="document.body.style.backgroundColor=this.options[this.selectedIndex].value">
    <option value="white" selected="selected">ChangeColor</option>
    <option value="red" >red</option>
    <option value="blue">blue</option>
    <option value="purple">purple</option>
    <option value="yello">yello</option>
    <option value="pink">pink</option>
    <option value="brown">brown</option>
    </select>
      

  6.   

    so easy，我也是现学现卖，很简单