Наведите курсор мыши на паузу

Question

Я хочу создать Marquee, который прокручивает некоторые новостные статьи, но когда пользователь наводит курсор на него, мне нужно сделать паузу, и когда пользователь наводит курсор на него (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

Я только раздражаю это из-за веселья, потому что я не видел, чтобы кто-нибудь использовал метку выделения в ГОДАХ

Пришлось искать его, но у тега marquee есть атрибут 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" 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 4

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

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

Answer 6

Вы должны добавить ; к своему коду после закрытия ().

Answer 7

Вы можете просто использовать HTML-разметку с

onmouseover="stop()"

с последующим

onmouseout="start()"