19

我想创建一个滚动一些新闻文章的选框,但是当用户将鼠标悬停在它上面时,我需要它暂停,当用户悬停在它之外(onMouseOut)我需要重新开始。这不起作用:

<marquee onMouseOver="this.stop()" onMouseOut="this.start()">Text</marquee>

有没有人对我如何用最少的代码实现这一点有任何建议?

4

7 回答 7

41
<marquee onmouseover="this.stop();" onmouseout="this.start();">
my text here
</marquee>

您使用了错误的案例:onMouseOver,onMouseOut

于 2014-07-30T06:52:48.077 回答
22

marquee 标签有一个属性叫做scrollamount它控制它的速度。我们需要做的就是将0鼠标悬停时的值设置为5鼠标移出时的值。

演示:http: //jsfiddle.net/U9yFj/

$(function() {
    $('marquee').mouseover(function() {
        $(this).attr('scrollamount',0);
    }).mouseout(function() {
         $(this).attr('scrollamount',5);
    });
});
于 2011-09-17T04:40:53.193 回答
12

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

于 2019-06-10T20:48:40.947 回答
4
<marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.setAttribute('scrollamount',0);" onmouseout="this.setAttribute('scrollamount',5);">
 Your name, your address, your details scrolling through line
</marquee>

希望此代码对使用 MARQUEE 标签的人有所帮助。

于 2015-11-10T04:19:05.303 回答
2
<marquee id="mq" direction="right" loop="true" onmouseover="this.stop();" onmouseout="this.start();">
    <a href="http://google.com">Google</a>
    <input type="text" id="txt" />
    <input type="button" id="btn" value="Click here" onclick="alert(txt.value);" />
    Some other text here</marquee>
于 2017-05-03T13:36:01.733 回答
0

您可以简单地使用 HTML marquee 标记

onmouseover="stop()"

其次是

onmouseout="start()"
于 2018-06-01T13:39:35.323 回答
0

您必须;在关闭().

于 2019-04-05T12:14:15.127 回答