HTML 停止跑马灯标签

Question

我想知道是否有一种方法可以仅使用 HTML/CSS.

来停止 html 的选取框标签中的图像流

<marquee><a href="#" style="font-size:24px"><img src="hp.jpg" width="134" height="202" style="float:left;padding-right:10px;" alt=""></a></marquee>

像这样的几个链接图像位于选取框标签之间，我想最好在鼠标悬停时停止它们的流动。如果您认为可行，请告诉我解决方案。

提前致谢！

Answer 1

试试这个：-

<marquee onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">
your text here
</marquee>

Answer 2

给你

Fiddle

<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();"><img src="hp.jpg" width="134" height="202" style="float:left;padding-right:10px;" alt="llsdasdada"></marquee>

HTML 停止跑马灯标签

HTML stop marquee tag

html

css

marquee