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?
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);
});
});
<Marquee onmouseover="this.stop();" onmouseout="this.start();">
my text here
</Marquee>
Vous utilisez un mauvais cas: Onmouseover, Onmceout
<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.
<Marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
Go on... hover me (and hold the mouse over)!
</Marquee>
<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>
Vous pouvez simplement utiliser le marquage HTML MAQUREE avec
onmouseover="stop()"
suivie par
onmouseout="start()"