在html中如何设置实现几张图片在一个div里来回切换呢？下面就来给大家介绍一种简单大方的DIV+CSS+JQ自动切换图片的功能特效，一起来看看吧。
工具/原料
VS2017
方法/步骤
1
在VS2017项目中添加新项，选择HTML页，以建立html新文档，如下图：
2
打开所建立的html文档（本实例为 Default.html 文档），并进入代码编辑的状态，如下图：
3
准备好5张图片（像素为300x200），存储于与Default.html 文档相同位置下的images目录中，以作html图片切换调用。
4
在代码编辑页面，输入CSS样式定义：
5
在代码编辑页，引入jquery，并输入代码：
6 
在html代码编辑中，输入div定义：
- 1
- 2
- 3
- 4
- 5
7
完成以上代码编辑，保存后在浏览器中测试效果，如下图：
注意事项
上文中所引用的jquery-3.2.1.min.js，可以自行去网络搜索下载。
上一篇：aphoto如何变幻图片的角度？
下一篇：如何批量插入图片与名字对应？