javascript - HTML/JavaScript : How to stop marquee onload, 并在鼠标悬停时开始？

Question

我正在使用以下 HTML 代码段来水平滚动文本:

<marquee behavior="scroll" direction="left" onmouseover="this.start();" onmouseout="this.stop();">Go on... hover over me!</marquee>

我遇到的问题是，一旦您访问该页面，marquee 就会自动开始滚动。我想要做的是卡住 marquee 直到你鼠标悬停。

Answer 1

我在这里听起来居高临下......

2013 年。The marquee tag is dead. It is browser specific. It is just plain wrong and was a mistake to begin with.

在语义 html 的现代时代，人们应该使用 html 来定义内容。视觉样式应使用 CSS 应用，视觉效果应使用 CSS 并在需要时辅以 javascript。

参见 this article获取现代方法的 biref 概述。

有纯 CSS3 方法:http://www.hongkiat.com/blog/css3-animation-advanced-marquee/

可能最适合您:javascript(和 jQuery)解决方案:http://remysharp.com/2008/09/10/the-silky-smooth-marquee/ . 注意:链接解决方案中的示例使用了 marquee 标记，但您不限于使用 marquee 标记。您可以使用任何有效的 jquery 选择器。