Question

如何使用html中的组合框更改网页背景？。那就是通过使用组合框的值来如何更改网页背景的颜色。

Answer 1

<html>
<body>
RED: <select id=r>
         <script language="javascript">
             for(var i=0;i<=255;i++)
          { 
            document.write("<option>"+i+"</option>");
          }
         </script>
     </select>

GREEN: <select id=g>
         <script language="javascript">
             for(var i=0;i<=255;i++)
          { 
            document.write("<option>"+i+"</option>");
          }
         </script>
    </select>

BLUE: <select id=b>
        <script language="javascript">
             for(var i=0;i<=255;i++)
          { 
            document.write("<option>"+i+"</option>");
          }
         </script>
     </select>
<input type=button onclick=fun() value=Change>

 <script>
function fun()
{
 var x=r.value
 var y=g.value
 var z=b.value

document.body.style.background="rgb("+x+","+y+","+z+")";
}
 </script>
 </body>
 </html>

如何使用组合框更改背景颜色？

1 个答案: