Sous-titres actifs, également appelés planches roulantes et sous-titres roulants. L'utilisation de sous-titres actifs rend l'ensemble de la page Web plus dynamique et vivante. Les sous-titres actifs sont de plus en plus utilisés sur les sites Web d'aujourd'hui pour améliorer l'interactivité des pages Web. Vous pouvez utiliser la programmation Javascript pour obtenir des effets de sous-titres actifs ; vous pouvez utiliser les calques de Dreamweaver et sa fonction de chronologie pour créer un très beau tableau de défilement. L'utilisation de balises de sous-titres actives HTML nécessite le moins de code et peut en effet obtenir de meilleurs résultats avec moins de temps de téléchargement. Le format de syntaxe de cette balise est le suivant :
aligh=left|center|right|top|bottom
bgcolor=#n
direction= gauche|droite|haut|bas
behavior=type
hauteur=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>
On peut constater qu'en raison des différentes méthodes d'affichage des sous-titres actifs, il existe également de nombreux paramètres facultatifs. Ce qui suit explique la signification de chaque paramètre :
Aligner : Il définit la position des sous-titres actifs, mais en plus des trois positions gauche, centre et droite, il ajoute également le haut (align=top) et en bas ( align=bottom) deux positions.
Bgcolor : utilisé pour définir la couleur d'arrière-plan des sous-titres actifs, généralement un nombre hexadécimal.
Direction : utilisé pour définir la direction de défilement des sous-titres actifs vers la gauche, la droite, le haut ou le bas.
Comportement : utilisé pour définir la méthode de défilement. Il existe trois méthodes principales : behavior="scroll" signifie faire défiler d'une extrémité à l'autre ; behavior="slide" : signifie glisser rapidement d'une extrémité à l'autre. à l'autre extrémité. Et non répété ; behavior="alternate" signifie faire défiler d'avant en arrière entre les deux extrémités.
Hauteur : utilisé pour définir la hauteur des sous-titres défilants.
Largeur : définissez la largeur des sous-titres défilants.
Hspace et vspace : utilisés pour définir respectivement la largeur des bordures gauche et droite et les bordures supérieure et inférieure des sous-titres déroulants.
Scrollamount : utilisé pour définir la distance de défilement des sous-titres actifs.
scrolldelay : utilisé pour définir le délai entre les défilements.
Boucle : permet de définir le nombre de défilement. Lorsque loop=-1, cela signifie faire défiler jusqu'à ce que la page soit mise à jour.
La balise par défaut
est de faire défiler vers la gauche une infinité de fois, la hauteur du sous-titre est la hauteur du texte et la plage de défilement : la largeur du défilement horizontal est la largeur de la position actuelle ; la hauteur du défilement vertical est la position actuelle.
Conseils d'application
1. Prenez toutes les valeurs par défaut et utilisez le moins de code Veuillez consulter l'exemple ci-dessous
Ceci. le sous-titre déroulant prend toute la valeur par défaut, code source :
Écrivez le contenu des sous-titres ici
, le code est-il très petit ?
2. Défilement vertical
Ajoutez simplement une direction="up", telle que
Écrivez le contenu des sous-titres ici
.
3. Sous-titres actifs pour texte multiligne
Étant donné que la marque ne peut être appliquée qu'à une section de texte, les sous-titres actifs multilignes ne peuvent être marqués que de
lors de l'effraction lignes, pas la balise
.
Exemple de code source :
La première ligne de contenu de sous-titres actifs
La deuxième ligne de contenu de sous-titres actifs
Activité La troisième ligne du contenu des sous-titres
4. Ajouter des images au contenu des sous-titres
Bien que
soit une balise de sous-titre active, elle est autorisée dedans, ajoutez une image. Ce qui suit est un code qui ajoute des images : C'est le code pour ajouter des images
Ce qui précède est l'ancienne connaissance que les novices doivent apprendre (2) HTML utilise des sous-titres actifs pour marquer le contenu de mar. Pour plus de contenu connexe, veuillez. faites attention au site Web PHP chinois ( m.sbmmt.com) !