1、打开sublime_text网页编辑器，然后写入用户界面代码，也就是DIV+CSS,代码如下所示：<form name="form1" method租涫疼迟="post" action=""><p> <input type="button" name="Submit" value="变换背景" onClick="turncolors()"></p><p>用按钮随意变换背景颜色</p></form>
2、接下来就该看JS啦，首先新建一个数组，数组里面是多种颜色，然后构造一个函数，该函数实现颜色变化的功能。代码如下所示：var Array艘早祓胂color=new Array("#000","#123","red","#124","#333","#456", "#123456","#123789","#125478","#555","#666","#888","#999","#CCC"); var n=0;function turncolors(){ if(n==(Arraycolor.length-1)) n=0; n++; document.bgColor=Arraycolor[n]; }
3、在这里说一下，数组里面的颜色可以写成“red”形式的，也可以写成“#f00”形式，这就需要看大家的爱好了。
4、写好之后，我们需要用浏览器看一下代码有没有错误，这是浏览器刚打开的效果。
5、点击按钮，我们发现背景颜色变成了黑色。
6、继续点击背景颜色变成了红色，表明我们所写的功能实现了。
