HTML/JavaScript: Comment arrêter la marquise onload, et de commencer à la souris?

Je suis en utilisant le code HTML suivant morceau de code pour faire défiler le texte à l'horizontale:

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

Le problème que j'ai c'est que une fois que vous visitez la page, le marquee commence à défiler automatiquement. Ce que je veux faire, c'est de figer le marquee jusqu'à ce que vous mouseover.

je ne sais pas, mais la façon dont je voudrais faire, ce ne serait pas avec la balise marquee et je voudrais utiliser des animations pour déplacer le texte à travers.
Vous avez besoin d'arrêter explicitement sur la charge.

OriginalL'auteur John Smith | 2013-03-06

  1. 1

    Vous pourrait bricoler avec scrollAmount au lieu d'appeler la méthode start() et stop(), et juste définir scrollamount à 0 au départ. E. g.

    <marquee behavior="scroll" direction="left" scrollamount="0" onmouseover="this.scrollAmount = 6" onmouseout="this.scrollAmount = 0">Go on... hover over me!</marquee>

    Voir http://jsfiddle.net/svt9L/

    Notez que ceci est une réponse directe à votre question. Cependant, je souscris pleinement Jon P réponse. Il existe de meilleures solutions que d'utiliser le rectangle de sélection de l'élément.

    OriginalL'auteur Alohci

  2. 10

    Je vais à son condescendant ici...

    Son 2013. La balise marquee est mort. C'est un navigateur spécifique. Il est tout simplement faux et a été une erreur pour commencer.

    Dans l'ère moderne de la sémantique html, on devrait être en html à l'aide à définir le contenu. Le style visuel doit être appliquée avec CSS et d'effets visuels avec CSS complété avec du javascript, si nécessaire.

    Voir cet article pour un biref aperçu d'une approche moderne.

    Il y a de pur CSS3 approches: http://www.hongkiat.com/blog/css3-animation-advanced-marquee/

    et probablement le meilleur pour vous: javascript (et jQuery) solutions: http://remysharp.com/2008/09/10/the-silky-smooth-marquee/. Remarque: les exemples dans la solution d'utiliser le rectangle de sélection de marque, mais vous n'êtes pas limité à l'utilisation de la balise de texte défilant. Vous pouvez utiliser n'importe valide sélecteur jquery.

    OriginalL'auteur

  3. 3
    <marquee id="myMarquee" behavior="scroll" direction="left" onmouseover="this.start();" onmouseout="this.stop();">Go on... hover over me!</marquee>

<body onload="document.getElementById('myMarquee').stop();">
    Thx! Est-il possible de réinitialiser la zone de cadrage lorsque vous mouseout?

    OriginalL'auteur Waqar Alamgir

  4. 1

    Essayez l'une de ces.

    <!-- MOVING UP -->
<marquee direction="up" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"></marquee>

<!-- MOVING DOWN -->
<marquee direction="down" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"></marquee>

<!-- MOVING LEFT -->
<marquee direction="left" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"></marquee>

<!-- MOVING RIGHT -->
<marquee direction="right" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"></marquee>

    OriginalL'auteur Muddasir Abbas