javascript实现改变网站背景色

1、netbeans新建一个html文件

2、起个名字是2.html

3、在2.html代码中引入jquery库文件和css文件

4、添加选择风格div

5、在netbeans新建一个1.css文件

6、1.css文件代码定义div的样式和位置

7、在浏览器运行查看效果

8、在html代码中定义红绿蓝三种颜色div

9、在1.css文件中定义这三个div的样式和位置先看看红色的样式

10、看看红色在浏览器效果

11、在1.css补齐蓝色和绿色div代码

12、在浏览器看看三个div效果

13、html代码中用jquery先把三个颜色div掩藏起来

14、在浏览器中查看代码看看是否掩藏发现每个div都增加属性display:none把div暂时隐藏起来

15、在html代码中用javascript鼠标移到选择风格div上 出现三种颜色，这里酋篚靶高需要先加一个外层div，不然鼠标移动到其他颜色又消失了

16、这里jquery的mouseenter,mouseleave事件鼠标划过层显示三种颜色，鼠标划出步显示三种颜色

17、对各个颜色层增加点击事件，让背景色跟着改变

18、在浏览器运行点任何一个颜色，背景色跟着改变