将鼠标悬停在暂停选取框上

Question

我想创建一个滚动一些新闻文章的选框，但是当用户将鼠标悬停在它上面时，我需要它暂停，当用户将鼠标悬停在它外面（onMouseOut）时，我需要重新启动。这不起作用：

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

有人对如何用最少的代码实现这一目标有任何建议吗？

Answer 1

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

您使用了错误的大小写：onMouseOver，onMouseOut

Answer 2

选取框标签有一个名为

scrollamount

的属性，它控制它的移动速度。我们需要做的就是当鼠标悬停时将值设置为

0

并在鼠标移出时将其设置回

5

。

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

$(function() {
    $('marquee').mouseover(function() {
        $(this).attr('scrollamount',0);
    }).mouseout(function() {
         $(this).attr('scrollamount',5);
    });
});

Answer 3

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

Answer 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 标签的人。

Answer 5

<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>

Answer 6

您可以简单地使用 HTML 选取框标记

onmouseover="stop()"

随后

onmouseout="start()"

Answer 7

关闭

;

后，您必须将

()

添加到代码中。

Answer 8

这两个属性你可以用吗 单击时暂停 悬停时暂停