1、netbeans新建一个html文件
2、起个名字是2.html
3、在2.html代码中引入jquery库文件和css文件
4、添加选择风格div
5、在netbeans新建一个1.css文件
6、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、在浏览器运行点任何一个颜色,背景色跟着改变