Faire défiler un texte verticalement

Du bas vers le haut :

Il est possible de faire défiler un texte horizontalement dans les boîtes latérales, mais dans la plupart des cas, il est plus pratique que ce défilement soit orienté verticalement.

Pour les exemples ci-dessous on suppose que la "hauteur disponible" pour le défilement est de 180px et que le "taux" d'occupation de la boîte sur sa largeur sera de 90%.

                                                 

TITRE DE LA BOITE En utilisant la même balise, il est possible de faire défiler le texte verticalement                         Ici                         du bas                         vers le haut

Il faut ici utiliser la balise marquee auquelle il sera nécessaire d'indiquer la direction de défilement du texte ici up

Pour faire défiler le texte du bas vers le haut, recopier le code ci-dessous

                                                                 

CODE

            

<marquee direction="up" scrollamount="4" 
style="padding: 5px; width: 90%; height: 180px;
  <p align="center">
 <font size="2" face="Verdana">
 VOTRE TEXTE ICI
 </font>
 </p>
 </marquee>

            

Du haut vers le bas :

                                                 

TITRE DE LA BOITE En utilisant la même balise, il est possible de faire défiler le texte verticalement                         Ici                         du haut                         vers le bas

Il faut ici utiliser la balise marquee auquelle il sera nécessaire d'indiquer la direction de défilement du texte ici down

Pour faire défiler le texte du haut vers le bas, recopier le code ci-dessous :

                                                                 

CODE

            

<marquee direction="down" scrollamount="4" 
style="padding: 5px; width: 90%; height: 180px;
  <p align="center">
 <font size="2" face="Verdana">
 VOTRE TEXTE ICI
 </font>
 </p>
 </marquee>

            

Il est possible comme pour le défilement horizontal, d'en régler la vitesse.

                                                 

TITRE DE LA BOITE Pour donner le temps à vos visiteurs de lire le texte sans devoir battre un record de vitesse de lecture, il est possible de diminuer la vitesse de défilement

Comme précédemment nous utiliserons l'attribut scrollamount suivi du nombre permettant de définir la vitesse 'dans cet exemple le réglage est à 2

Pour faire défiler le texte du bas vers le haut et régler la vitesse de défilement, recopier le code ci-dessous :

                                                                 

CODE

            

<marquee direction="up" scrollamount="2" 
style="padding: 5px; width: 90%; height: 180px;
  <p align="center">
 <font size="2" face="Verdana">
 VOTRE TEXTE ICI
 </font>
 </p>
 </marquee>

            

Il est parfois utile d'arrêter provisoirement le défilement pour le reprendre par la suite.

                                                 

TITRE DE LA BOITE Comme précédemment le défilement peut être continu. Si le visiteur passe le pointeur de la souris dans la zone de texte ce défilement doit s'arrêter

Le passage de la souris sur le texte a pour effet d'en arrêter le défilement et lorsque celle-ci quitte cette même zone, le défilement reprend.

Pour faire défiler le texte du bas vers le haut, de régler la vitesse de défilement et d'interrompre celui-ci au passage de la souris, recopier le code ci-dessous :

                                                     

CODE

            

<marquee direction="up" scrollamount="2" 
 onmouseout="this.start()" 
 style="padding: 5px; width: 90%; height: 180px;
 "onmouseover="this.stop()">
 <p align="center">
 <font size="2" face="Verdana">
 VOTRE TEXTE ICI
 </font>
 </p>
 </marquee>

Source

Comments

[Jean]

Bonjour,

Pouvez vous m'aider.

J'ai utilisé votre site pour mettre une phrase de défilement vertical.

2 questions :



1)Est -il possible une fois copié/collé le HTML de changer la police et la couleur du "TEXTE ICI"?



2) Comment faire pour enlever la barre de défilement sur le côté droit?



Merci d'avance si vous pouvez m'aider,

Jean