Maison > Article > interface Web > 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中文网original
- 2017-03-17 15:08:492569parcourir
Syntaxe :
En utilisant l'attribut mobile chapiteau, vous pouvez non seulement danser votre texte, mais également l'appliquer à des images, des tableaux, etc.
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)
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