communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Utilisez habilement l'attribut marquee en HTML pour réaliser du texte dansant

Utilisez habilement l'attribut marquee en HTML pour réaliser du texte dansant

PHP中文网
Libérer： 2017-03-17 15:08:49
original
2597 Les gens l'ont consulté

Syntaxe : …
En utilisant l'attribut mobile chapiteau, vous pouvez non seulement danser votre texte, mais également l'appliquer à des images, des tableaux, etc.
Bienvenue sur le site php chinois !
direction=gauche, indiquant la direction. L'effet de texte ci-dessus est « Bienvenue sur la chaîne d'apprentissage pour les jeunes de Kexun ! » Déplacez-vous de droite à gauche ! De plus, les directions incluent la droite, le haut et le bas.
En plus de la direction, on peut également ajouter d'autres éléments restrictifs :
Méthode de mouvement :
Mouvement en boucle : loop=n (n, indiquant le nombre de fois) Déplacement en cercles : behavior=scroll Déplacez-vous une seule fois : behavior=slide Déplacez-vous d'avant en arrière : behavior=alternate
Apparence, taille de police  : (n, variable) Alignement : aligner=haut/milieu/bas Couleur d'arrière-plan : bgcolor=Bleu (couleurs prédéfinies, telles que : Noir, Olive, Sarcelle, Rouge, Bleu, Marron, Marine, Gris, Lime, Fuchsia, Blanc, Vert, Violet, Argent, Jaune, Aqua ou nombre hexadécimal)
Autres : Vitesse : scrollamount=n (n, variable) Délai : scrolldelay ==n (n, variable)
"
onmouseover configure la souris pour qu'elle suspende le mouvement lorsqu'elle est placée dans la zone de déplacement
onmouseout continue de défiler lorsque la souris quitte

Utilisez le code de sélection pour implémenter le défilement du texte et le défilement des images

J'ai vu le paramètre de défilement du texte dans TAP aujourd'hui ! je ne l'ai jamais utilisé auparavant ! Laissez-moi vous montrer l'effet !
L'explication du code suivante provient du tableau d'affichage de texte défilant de haut en bas connu par TAP
paramètres de marque :
BGColor : la couleur d'arrière-plan du zone de texte de défilement. > Direction : paramètre de direction de défilement, vous pouvez choisir Gauche, Droite, haut et bas.
Délai de défilement : Le délai entre chaque tour de défilement, plus il est grand, plus il est lent. : La durée totale d'un défilement, plus le nombre est petit. Plus le défilement est lent.
Comportement : réglage du mode de défilement, trois valeurs : Défilement (défilement cyclique), Alterné (défilement d'avant en arrière) : réglage d'alignement du texte en option. (centré), Bas (centré) ou Haut (centré)
Largeur : La largeur de la zone de texte défilante, saisissez une valeur et sélectionnez en Pixels (par pixels) ou en Pourcentage (
Hauteur : La hauteur du zone de texte défilante. Après avoir saisi une valeur, sélectionnez en pixels (par pixels) ou en pourcentage (par pourcentage). La valeur par défaut est le nombre de fois à défiler. Pour un
hspace infini, vspace : lignes vides avant et après, en haut. et en bas.
La démo suivante est ma démo de tableau d'affichage : vous pouvez voir l'effet dans le coin inférieur droit ! Si vous l'aimez, copiez le code et insérez-le dans l'explication du code ci-dessus ! 1 : Le texte défile vers le haut


Effet 2 : Le texte défile vers la gauche
[Annonce] Certains tutoriels sont originaux pour Tap . Veuillez indiquer la source lors de la réimpression. Analyse détaillée de l'utilisation de chapiteau !

Étiquettes associées：
marquee属性
source：php.cn
Article précédent：Code d'alignement des cases à cocher du formulaire et de la radio text_HTML/Xhtml_Web production de pages Article suivant：Introduction aux méthodes de conception de mots clés dans la conception Web_HTML/Xhtml_Production de pages Web
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Déplacez le contenu vers la gauche en ajoutant la propriété Largeur J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...
Depuis 2024-04-06 22:01:35
0
3
816
Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...
Depuis 2024-04-06 20:45:26
0
2
386
Calculer la somme des champs dans une autre table à l'aide d'une requête MySQL SQL J'ai un schéma comme celui-ci : Table utilisateur avec les attributs "user_id" e...
Depuis 2024-04-06 19:39:29
0
1
441
Styles CSS non appliqués au site Je crée un site Web en utilisant Bootstrap5 mais les propriétés index.css ne sont pas appl...
Depuis 2024-04-06 17:12:23
0
1
336
Comment modifier les propriétés du tableau imbriqué JSON "project_id" et "project_name" Nom :[{"project_id":1,"project_name":"CDP","role":...
Depuis 2024-04-06 15:39:51
0
1
466
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal