web-dev-qa-db-fra.com

Survolez la pause du chapiteau

Je souhaite créer un chapiteau qui fait défiler des articles de presse, mais lorsque l'utilisateur survole, j'en ai besoin de faire une pause et lorsque l'utilisateur survole de celui-ci (Onmceout), j'ai besoin de TI Démarrer. Cela n'a pas fonctionné:

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

Quelqu'un a-t-il des suggestions sur la manière dont je peux y parvenir dans une quantité minimale de code?

13
Howdy_McGee

La balise marquise a un attribut appelé scrollamount qui contrôle à quelle vitesse ça va. Tout ce que nous devons faire est de définir la valeur sur 0 lorsque nous allons dans et le remettons-le à 5 quand nous souris dehors.

Démo: http://jsfiddle.net/u9yfj/

$(function() {
    $('Marquee').mouseover(function() {
        $(this).attr('scrollamount',0);
    }).mouseout(function() {
         $(this).attr('scrollamount',5);
    });
});
18
wesbos
<Marquee onmouseover="this.stop();" onmouseout="this.start();">
my text here
</Marquee>

Vous utilisez un mauvais cas: Onmouseover, Onmceout

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

J'espère que ce code aidera quelqu'un qui utilise Marquee Tag.

4
Abbas
<Marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
    Go on... hover me (and hold the mouse over)!
</Marquee>
3
Fadi
<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>
2
Nipek

Vous pouvez simplement utiliser le marquage HTML MAQUREE avec

onmouseover="stop()"

suivie par

onmouseout="start()"
0
Jiwan