Js实现背景图片切换

阅读 146

2022-04-13

实现目标:

点击页面中间的小图片,页面的背景就会变成相应的图片样式

思路

点击图片,获取到对应的图片的li元素

因为图片的名字是从1开始顺序命名的,所以可以通过获取的li元素的索引号来改变背景图片的地址名

将地址名改到body标签的backgroundImage属性中

实现代码

html代码

 

Css代码

 

Js代码

 

精彩评论(0)

0 0 举报