html怎么设置滚动图片？

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

<marquee>

<img src='1.jpg'>

<img src='2.jpg'>

<img src='3.jpg'>

<img src='4.jpg'>

</marquee>

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

插件

在html中需要将插入的图片左右来回移动，只需要在图片img标签外套一个marquee标签，在里面写上behavior=alternate这句话就可以实现。\x0d\x0a alternate是滚动标签的属性。\x0d\x0ascrolldelay，滚动延时，用于设定两次滚动 *** 作之间的间隔时间，该时间以毫秒为单位。\x0d\x0abehavior，滚动方式。\x0d\x0a\x0d\x0aalternate： 表示在两端之间来回滚动。\x0d\x0ascroll： 表示由一端滚动到另一端，会重复。\x0d\x0aslide： 表示由一端滚动到另一端，不会重复

html网页图片滚动方法如下：

1把图片样式的position属性设置为static，

2然后指定固定的位置，就可以了。

tml网页图片居中方法如下：

第一种方法：

设置父元素内文字居中即可让图片居中。

element{ text-align:center}

第二种方法：

设置图片为块级元素，设置左右margin为auto即可让图片居中。

img{ display:blockmargin-left:automargin-right:auto}

---