Comment obtenir un effet de défilement de texte en HTML5

Cet article vous présentera comment obtenir un effet de défilement de texte en HTML5. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

HTML5 implémente l'effet de défilement du texte

<div class="custom-notice">
   <i class="icon-notice"></i>
   <marquee class="noticeText ng-binding" direction="left" behavior="alternate" scrollamount="100" scrolldelay="1000" loop="5" width="100%" onmouseover="this.stop();" onmouseout="this.start();"  style="width: 100%;">充值公告：首充100送1元</marquee>
</div>

1.

Le sens de défilement de cet attribut peut être défini sur quatre valeurs : up (texte vers le haut), down (texte vers le bas), left (texte à gauche), right (texte à droite).

2. Comportement de l'attribut du mode défilement

La valeur de cet attribut a trois valeurs : scroll (défilement cyclique, effet par défaut), slide (défilement une seule fois puis arrêt ), alterner (faire défiler d'avant en arrière alternativement)

3. Attribut de vitesse de défilement scrollamount

Cet attribut peut ajuster la vitesse de défilement du texte. en fait défini par La longueur de chaque mouvement du texte défilant, en pixels. La valeur ne contient que des nombres, sans l'unité px. Si l'unité est incluse, le paramètre sera invalide.

4. Attribut de délai de défilement scrolldelay

Cet attribut est utilisé pour définir l'intervalle de temps de défilement du texte (l'intervalle de temps entre deux étapes de défilement).

L'unité d'intervalle de temps de scrolldelay est en millisecondes, et la valeur n'écrit que des nombres

5 La boucle d'attribut de boucle de défilement

Après avoir défini le défilement. texte, la valeur par défaut sera La boucle continue indéfiniment. Si vous souhaitez contrôler le nombre de boucles, vous pouvez définir cette propriété.

6. Attributs de plage de défilement largeur et hauteur

Si vous souhaitez contrôler la plage de défilement du texte, vous pouvez utiliser ces deux attributs en pixels et ne pas écrire d'unités px. Par défaut, la largeur du défilement gauche et droit est la même que la largeur de la fenêtre du navigateur et la hauteur est la même que la hauteur du texte. En haut et en bas, la hauteur correspond à un tiers de la hauteur de la fenêtre du navigateur.

7. Attribut de couleur d'arrière-plan de défilement bgcolor

Cet attribut définit la couleur d'arrière-plan de la zone de défilement (la valeur est un code de couleur hexadécimal et en anglais).

8. Attribut d'espace de défilement hspace&vspace

L'attribut hsapce peut définir la position horizontale de la plage de défilement, et vspace est utilisé pour définir la position verticale de la plage de défilement. Les unités sont toutes des pixels, et l'unité px n'est pas écrite lors de l'écriture de la valeur.

Pour plus de connaissances sur la programmation, veuillez visiter : Introduction à la programmation ! !