Mais arrêtez-les !

Pour changer un peu du CSS, passons cette fois au HTML ...

Les textes et images défilants de mes modules Textes Libres et de mon Pied de page peuvent être arrȇtés si vous passez simplement votre cursuer dessus (sans cliquer...)
Un texte défilant est pratique pour gagner de la place, mais n'est pas toujours facile à lire; le faire s'arrȇter permet de pouvoir focaliser dessus.

Voici comment faire des textes défilants qui s'arrȇtent lorsque le curseur est dessus :
C'est un code qui s'insère dans la balise <marquee> et donc qui doit se mettre dans le code source de l'endroit où vous voulez afficher votre texte ( i.e: un module Texte Libre ou l'En-tête ou le Pied de page ou un article, bref partout où vous avez accès au bouton Source ...)

Le code pour reconnaître le passage du curseur sur le contenu de la balise <marquee> est

onmouseover

Celui qui represente le fait que le curseur n'est plus sur le texte est

onmouseout

Donc pour faire s'arrêter le texte au passage de la souris, il faut insérer

onmouseover="this.stop();"

Et pour le refaire repartir :

onmouseout="this.start();"

finalement, la balise doit ressembler à :

<marquee  onmouseout="this.start();" onmouseover="this.stop();">

Vous pouvez également demander au texte de défiler vers le haut au lieu de droite à gauche grâce à la commande direction:

direction="up";

et même fixer la hauteur ou la largeur sur laquelle on verra le texte défiler en ajoutant height="XXX" et width="YYY", XXX et YYY étant les valeurs en pixels.

Par exemple, le code
<marquee height="70" direction="up" scrollamount="1" scrolldelay="2" behaviour="scroll" onmouseout="this.start();" onmouseover="this.stop();">Coucou !<br />
Je défile vers le haut <br />
...<br /><img src="http...."/><br />
Passez le curseur sur moi pour arrêter mon défilement .<br />
</marquee>
donneCoucou !
Je défile vers le haut
...


Passez le curseur sur moi pour arrêter mon défilement .

et
<marquee width="50"  scrollamount="2" scrolldelay="1" behaviour="scroll" onmouseout="this.start();" onmouseover="this.stop();"> Moi, je préfère défiler horizontalement.<img src="http://..."/>Passez le curseur sur moi pour arrêter mon défilement .
<br /></marquee>
donne
Moi, je préfère défiler horizontalement. Passez le curseur sur moi pour arrêter mon défilement .


Tous ces codes marchent très bien en mode Confiance.
Il faut toutefois savoir qu'ils peuvent ralentir le chargement de la page .