html怎么设置滚动图片？

方案一：直接使用HTML的滚动标签 marquee ，把图片放入滚滚标签内部，代码如下：

<marquee>

<img src='1.jpg'>

<img src='2.jpg'>

<img src='3.jpg'>

<img src='4.jpg'>

</marquee>

方案二：使用第三方插件，比如swiper.js，

插件

是通过jquery实现的，你找一个引用。然后在页面添加如下JS代码

//=======广告轮播图的实现=======

var _index=0//初始化序列

var timePlay=null

$("#Adv .ImgList").eq(0).show().siblings("div").hide()//最开始显示第一张

//#Adv .ImgList换成你的ID或CLASS

$("ul.button li").hover(function(){/*鼠标在上面*/

clearInterval(timePlay)//清处定时播放器

_index=$(this).index()//获取当前li序列号

//alert(_index)//d窗

$(this).addClass("hover").siblings().removeClass("hover")//显示按扭

//fadeIn 淡入 fadeOut 淡出 你也可以选别的切换方式

$("#Adv .ImgList").eq(_index).fadeIn().siblings("div").fadeOut()//显示图片

},function(){/*鼠标移开*/

autoPlay()//启用定时播放器

})

//自动轮播

//构建自动轮播的函数

function autoPlay(){

//alert("sss")

//设置定时器

timePlay=setInterval(function(){

_index++

if(_index<4){

if(_index==3){_index=-1}//变成-1

$("ul.button li").eq(_index).addClass("hover").siblings().removeClass("hover")//显示按扭

$("#Adv .ImgList").eq(_index).fadeIn().siblings("div").fadeOut()//显示图片

}else{_index=-1/*设置序列号为-1,跳到播放第一张图片*/}

},2000)

}

autoPlay()//调用和执行

//不知道你能否了解

1、电脑打开美图秀秀，然后点击左上角的打开。

2、点击打开之后，选择一张图片，然后点击打开。

3、打开图片后，点击顶部的更多功能。

4、点击更多功能后，点击闪图。

5、点击闪图后，点击左侧的添加图片。

6、点击添加图片后，选择另一张图片，然后点击打开。

7、连续打开几张图片后，可以点击顶部的预览动画效果。

8、预览没问题后，点击底部的保存。

9、点击保存后，选择GIF格式保存就可以了。

---