javascript实现改变网站背景色

 时间:2026-04-25 23:21:52

1、netbeans新建一个html文件

javascript实现改变网站背景色

2、起个名字是2.html

javascript实现改变网站背景色

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

javascript实现改变网站背景色

4、添加选择风格div

javascript实现改变网站背景色

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

javascript实现改变网站背景色

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

javascript实现改变网站背景色

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

javascript实现改变网站背景色

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

javascript实现改变网站背景色

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

先看看红色的样式

javascript实现改变网站背景色

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

javascript实现改变网站背景色

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

javascript实现改变网站背景色

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

javascript实现改变网站背景色

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

javascript实现改变网站背景色

14、在浏览器中查看代码看看是否掩藏

发现每个div都增加属性display:none

把div暂时隐藏起来

javascript实现改变网站背景色

15、在html代码中用javascript鼠标移到

选择风格div上 出现三种颜色,

这里需要先加一个外层div,不然鼠标移动到其他颜色又消失了

javascript实现改变网站背景色

16、这里jquery的mouseenter,mouseleave事件

鼠标划过层显示三种颜色,鼠标划出步显示三种颜色

javascript实现改变网站背景色

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

javascript实现改变网站背景色

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

javascript实现改变网站背景色

  • PS绘制透明玻璃球教程
  • Ps如何均匀分布指定的图层图像
  • Ps如何缩放图层样式
  • PS如何快速切换工具组里的工具
  • PS如何快速做沙发图案
  • 热门搜索
    徐州旅游景点哪里好玩 桂林旅游线路 旅游产品有哪些 孩子抵抗力差怎么办 七日杀怎么开始游戏 朱家尖旅游 用什么洗脸可以祛斑 大括号怎么输入 巴厘岛旅游攻略 丽江旅游