Js实现背景图片切换(单线程问题)
实现目标:
点击页面中间的小图片,页面的背景就会变成相应的图片样式
思路
- 点击图片,获取到对应的图片的li元素
- 因为图片的名字是从1开始顺序命名的,所以可以通过获取的li元素的索引号来改变背景图片的地址名
- 将地址名改到body标签的backgroundImage属性中
实现代码
- html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>