非常简单的,鼠标移动切换图片
关键点:
1、本想用hover,但需要鼠标移除整个div时,保留最后一个选中的图片状态,所以还是用了mouseenter。
2、var了一个obj用来保存标签和图片的对应关系
3、鼠标点选标签时,不应该是文本箭头,改成了pointer。
![v2-d73ac86da15290a60ff87d609ccb8132_b.jpg](https://i-blog.csdnimg.cn/blog_migrate/09595f00df64bd1d215fe3475e7d2277.jpeg)
![v2-1d1665ba7d97b1dcad241a0570e98651_b.jpg](https://i-blog.csdnimg.cn/blog_migrate/b22501709a8218247e7c70392c0c1753.jpeg)
源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title