html中如何设置几张图片在一个div里来回切换

html中如何设置几张图片在一个div里来回切换

在html中如何设置实现几张图片在一个div里来回切换呢？下面就来给大家介绍一种简单大方的DIV+CSS+JQ自动切换图片的功能特效，一起来看看吧。

在VS2017项目中添加新项，选择HTML页，以建立html新文档，如下图：

打开所建立的html文档（本实例为 Default.html 文档），并进入代码编辑的状态，如下图：

准备好5张图片（像素为300x200），存储于与Default.html 文档相同位置下的images目录中，以作html图片切换调用。

在代码编辑页面，输入CSS样式定义：

在代码编辑页，引入jquery，并输入代码：

在html代码编辑中，输入div定义：

完成以上代码编辑，保存后在浏览器中测试效果，如下图：