Code HTML de page web : production de texte défilant_HTML/Xhtml_production de page web

Dans cette section, l'auteur décrit les balises spéciales du code HTML, qui peuvent faire défiler le texte dans la page Web et contrôler ses propriétés de défilement.
Créer un texte défilant
Grâce aux études précédentes de ce chapitre, les lecteurs ont pu bien contrôler la méthode d'affichage de divers textes de paragraphes, mais quelle que soit la façon dont ils sont définis, le texte est statique. Dans cette section, l'auteur décrit les balises spéciales du code HTML, qui peuvent faire défiler le texte dans la page Web et contrôler ses propriétés de défilement.
4.3.1 Définir le défilement du texte
La façon de faire défiler le texte dans la technologie HTML consiste à utiliser des balises doubles . Dans le code HTML, le texte de la portée peut défiler. La valeur par défaut est le défilement de droite à gauche et circulaire. Créez un fichier de page Web dans le répertoire D:web, nommez-le mar.htm et écrivez le code comme indiqué dans le code 4.15.

Code 4.15 Paramètres de défilement du texte : mar.htm







Exemple de défilement de texte (par défaut) : Soyez gentil



Entrez http://localhost/mar.htm dans la barre d'adresse du navigateur et l'effet de navigation est tel qu'illustré dans la figure 4.15.

Figure 4.15 Définir la forme par défaut du défilement du texte
D'après la figure 4.15, lorsque la largeur n'est pas définie, la balise occupe une ligne exclusive.
4.3.2 Définir le sens de défilement du texte L'attribut direction de la balise
est utilisé pour définir la direction de défilement du contenu. Les valeurs d'attribut sont gauche, droite, haut et bas, qui représentent respectivement la gauche, la droite, le haut et le bas. . Par exemple, le code suivant :
Soyez gentil et gentil
Soyez gentil et gentil
Soyez gentil et gentil
Soyez gentil et gentil
4.3.3 Définir la vitesse et la forme du défilement du texte
Pour définir le défilement du texte, utilisez la balise Ses attributs sont décrits ci-dessous.
— L'attribut scrollamount de la balise est utilisé pour définir la vitesse de défilement du contenu.
— L'attribut behavior de la balise est utilisé pour définir la méthode de défilement du contenu. La valeur par défaut est le défilement, qui est un défilement cyclique. Lorsque sa valeur est alternative, le contenu défilera d'avant en arrière. manière cyclique. Lorsque sa valeur est slide, le contenu cessera de défiler une fois et ne bouclera pas. Il existe également un attribut de boucle pour définir le nombre de cycles de défilement, qui est par défaut sans limite.
— L'attribut scrolldelay de la balise est utilisé pour définir l'intervalle de temps pour le défilement du contenu.
— L'attribut bgcolor de la balise est utilisé pour définir la couleur d'arrière-plan du défilement du contenu (similaire au paramètre de couleur d'arrière-plan du corps).
— L'attribut width de la balise est utilisé pour définir la largeur de l'arrière-plan de défilement du contenu.
— L'attribut height de la balise est utilisé pour définir la hauteur de l'arrière-plan de défilement du contenu.
Modifiez le fichier de la page Web mar.htm et écrivez le code comme indiqué dans le code 4.16.

Code 4.16 Paramètres de défilement du texte : mar.htm







Exemple de défilement de texte (par défaut) : Soyez gentil
Exemple de défilement de texte (vers la droite) : Soyez gentil
Exemple de défilement de texte (vers le bas, le mode de défilement est slide, la vitesse est 10) : Soyez gentil et gentil
Exemple de défilement de texte (direction par défaut, le mode de défilement est alternatif, boucles 3 fois, la vitesse est 2) : Soyez gentil et gentil
Exemple de défilement de texte (vers le haut, la couleur d'arrière-plan est #CCFF66, la largeur et la hauteur de l'arrière-plan sont définies) : Soyez gentil



Entrez http://localhost/mar.htm dans la barre d'adresse du navigateur et l'effet de navigation est tel qu'illustré dans la figure 4.16.

Figure 4.16 Différentes formes de défilement de texte Les nombreux attributs de
rendent très pratique la création de texte défilant. Dans l'apprentissage JavaScript suivant, les lecteurs continueront à approfondir l'apprentissage du comportement dynamique de la balise .