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

Я хочу создать маркер, который прокручивает некоторые новостные статьи, но когда пользователь наводил на него верх, мне нужно, чтобы он приостанавливался, и когда пользователь зависает от него (onMouseOut), мне нужно начать резервное копирование. Это не помогло:

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

Есть ли у кого-нибудь предложения о том, как я могу достичь этого в минимальном количестве кода?

Ответ 1

Я только общаюсь с этим весельем, потому что я не видел, чтобы кто-нибудь использовал ярлык marquee в ЛЕТ.

Пришлось искать его, но тег marquee имеет атрибут под названием "scrollamount", который определяет, как быстро он проходит. Таким образом, все, что нам нужно сделать, это установить значение 0, когда мы наводим на него и устанавливаем его обратно до 5, когда мы выходим.

DEMO: http://jsfiddle.net/U9yFj/

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

Надеюсь, я получу сумасшедшие прогнозы для этого

Ответ 2

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

Вы используете неправильный случай: onMouseOver, onMouseOut

Ответ 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.

Ответ 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>

Ответ 5

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

onmouseover="stop()"

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

onmouseout="start()"

Ответ 6

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

Ответ 7

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