用HTML如何实现文字滚动？

\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a

滚动文字\x0d\x0a

滚动文字\x0d\x0a

滚动文字\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0amarquee 参数：\x0d\x0aBGColor：滚动文本框的背景颜色。\x0d\x0aDirection：滚动方向设置，可选择Left、Right、up和down。\x0d\x0ascrolldelay：每轮滚动之间的延迟时间，越大越慢。\x0d\x0ascrollamount：一次滚动总的时间量，数字越小滚动越慢。\x0d\x0aBehaviour：滚动的方式设置，三种取值：Scroll（循环滚动） lide（单次滚动）、Alternate（来回滚动）。\x0d\x0aAlign：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。\x0d\x0aWidth：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。\x0d\x0aHeight：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。\x0d\x0aloop：滚动次数。默认为infinite\x0d\x0ahspace、vspace：前后、上下的空行。

回答于 2022-11-16

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

<marquee>

<img src='1.jpg'>

<img src='2.jpg'>

<img src='3.jpg'>

<img src='4.jpg'>

</marquee>

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

插件

1、在html中定义好一个dom标签，可以是body或者div等等。

2、给dom元素设置相应的宽度，可以用style中的width。

3、再给dom元素设置overflow属性，水平滚动条就是overflow-x:scroll。这样当元素中的内容超出设置的宽度时就会出现滚动条。

示例：

<div style="overflow-x:scrollwidth:200pxwhite-space:nowrap">当内容超出设定的宽度时自动出现横向滚动条</div>

---