<html>
    <head>
        <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
         var Arraycolor=new   Array("olive","teal","red","navy","lime","fushica","green","purple","gray","yellow","aqua","white");
         var n=0;
         var b=Arraycolor.length;
         function turncolors(){
         if(n==b){
             n=0;}
              n++;
              document.bgColor=Arraycolor[n];
         }
        </script>
    </head>
    <body>
    <form  name="form1" method="post" action="">
        <p>
            <input type="button" name="Submit" value="变换背景" onclick="turncolors()" > 
        </p>
        <p>按钮改变颜色</p>
        </form>
    </body>
</html>

 运行结果

Js 按键改变背景的颜色

相关文章: