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

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

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

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

9
css html javascript jquery marquee

5 ответов

Я только anwering это веселье, потому что я не видел, чтобы кто-нибудь использовал тег шатра в годах

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

демо:http://jsfiddle.net/U9yFj/

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

Я надеюсь, что я получу mad upvotes для этого

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

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

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

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

onmouseover="stop()"

следовал по

onmouseout="start()"
0