javascript实现改变网站背景色

netbeans新建一个html文件

起个名字是2.html

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

添加选择风格div

在netbeans新建一个1.css文件

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

在浏览器运行查看效果

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

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

看看红色在浏览器效果

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

在浏览器看看三个div效果

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

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

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

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

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

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