Maison > interface Web > tutoriel HTML > Quel est le code de la barre de défilement en HTML ? Comment définir la barre de défilement HTML ?

Quel est le code de la barre de défilement en HTML ? Comment définir la barre de défilement HTML ?

寻∝梦
Libérer: 2018-09-04 11:30:54
original
13685 Les gens l'ont consulté

Cet article présente principalement le code de la barre de défilement en html, ainsi que l'utilisation de l'attribut marquee tag du code de la barre de défilement html. Jetons un coup d'œil à cet article en détail

<.>Nous introduisons d'abord le code de la barre de défilement en HTML :

Aujourd'hui, nous introduisons l'étiquette de la barre de défilement html qui est chapiteau.

par paires, le contenu entre la première balise et la dernière balise Les attributs de la balise incluent principalement behavior, bgcolor, direction, width, height, hspace, vspace, loop, scrollamount, scrolldelay, etc. Ils sont tous facultatifs.

Parlons maintenant de la configuration de la barre de défilement HTML :

Voyons maintenant comment la balise marquee utilise ses attributs pour implémenter la barre de défilement HTML. .

1.html L'attribut behavior de la balise de sélection :

La valeur du paramètre de l'attribut behavior est l'une des alternatives, scroll et slide, ce qui indique respectivement que le texte défile d'avant en arrière et dans une direction Défilement cyclique, défilement une seule fois, il convient de noter que si les attributs de direction et de comportement apparaissent en même temps dans la balise sera basé sur le réglage des paramètres dans l’attribut direction.

<marquee behavior="alternate">我来回滚动</marquee> 
<marquee behavior="scroll">我单方向循环滚动</marquee>
<marquee behavior="scroll" direction="up" height="30">我改单方向向上循环滚动</marquee> 
<marquee behavior="slide">我只滚动一次</marquee> 
<marquee behavior="slide" direction="up">我改向上只滚动一次了</marquee>
Copier après la connexion
Les styles sont très beaux et dynamiques. Les captures d'écran ne peuvent pas être prises. Si vous êtes intéressé, vous pouvez vous entraîner ici. Copiez simplement le code ci-dessus, puis allez sur http://www.php. .cn/code/26516.html Collez-le ici et vous pourrez voir l'effet immédiatement. Vous n'avez pas besoin de compléter le code pour l'afficher. Beaucoup de choses que vous souhaitez voir peuvent être affichées ici.

Ceci n'est qu'un des attributs, il y a plusieurs autres attributs, jetons un coup d'oeil :

2.html marquee tag attribut bgcolor :

La couleur d'arrière-plan de la plage de défilement du texte. La valeur du paramètre est hexadécimale (forme : #AABBCC ou #AA5566, etc.) ou un nom de couleur prédéfini (tel que rouge, jaune, bleu, etc.) . Comme indiqué ci-dessous :

<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是红色的</marquee>
Copier après la connexion

3.html L'attribut de direction de la balise de sélection :

La direction du défilement du texte. Les valeurs des paramètres de l'attribut sont. down, left, right, up a quatre valeurs facultatives simples, représentant respectivement la direction de défilement vers le bas, la gauche, la droite et le haut. Comme indiqué ci-dessous :

    <marquee direction="right">我向右滚动</marquee> 
    <marquee direction="right">我向下滚动</marquee>
Copier après la connexion

4.html Les attributs width et height de la balise chapiteau :

Le rôle des attributs width et height détermine le rectangle de le texte défilant sur la page Taille de la plage. L'attribut width est utilisé pour spécifier la largeur du rectangle et l'attribut height spécifie la hauteur du rectangle. La valeur du paramètre de ces deux propriétés peut être un nombre ou un pourcentage. Le nombre représente le nombre de pixels (largeur ou hauteur) occupés par le rectangle, et le pourcentage représente le pourcentage (largeur ou hauteur) de la fenêtre du navigateur occupé par le rectangle. rectangle. Comme indiqué ci-dessous :

    <marquee width="300" height="30" bgcolor="red">我宽300像素,高30像素。</marquee>
Copier après la connexion

5.html Les attributs scrollamount et scrolldelay de la balise marquee :

Ces deux attributs déterminent la vitesse (scrollamount) et le délai de défilement du texte Lorsque (scrolldelay), les valeurs des paramètres sont toutes des entiers positifs. Comme indiqué ci-dessous :

    <marquee scrollamount="100">我速度很快.</marquee> 
    <marquee scrollamount="50">我慢了些。</marquee> 
    <marquee scrolldelay="30">我小步前进。</marquee> 
    <marquee scrolldelay="1000" scrollamount="100">我大步前进。</marquee>
Copier après la connexion

6.html L'attribut align de la balise de sélection :

Cet attribut détermine la position du texte défilant en haut, en bas , à gauche et à droite de la bordure intérieure. Vous pouvez également remplacer le contenu entre et par des fonctionnalités telles que des images ou d'autres objets.

Remarque sur la balise html marquee :

La largeur par défaut d'un élément de sélection est égale à la largeur de son élément parent. Si le rectangle de sélection se trouve à l'intérieur d'un td qui n'a pas de largeur spécifiée, vous devrez définir explicitement la largeur du rectangle de sélection. Si ni le rectangle de sélection ni la largeur td ne sont spécifiés, le rectangle de défilement sera limité à 1 pixel de large.

Pour créer un sous-titre à défilement vertical, définissez sa propriété scrollLeft sur 0. Pour créer un sous-titre à défilement horizontal, définissez sa propriété scrollTop sur 0, ce qui remplace tous les paramètres de script.

Les propriétés scrollLeft et scrollTop sont en lecture seule lorsque les sous-titres défilent. Lorsqu'il n'est pas en état de défilement, scrollLeft est lisible et inscriptible pour les sous-titres définis sur le défilement horizontal, et scrolltop est lisible et inscriptible pour les sous-titres définis sur le défilement vertical.

Cet élément est disponible en HTML dans Microsoft® Internet Explorer 3.0 et en script dans Internet Explorer 4.0.

Cet élément est un élément bloc.

Cet élément nécessite une balise de fermeture.

【Recommandation de l'éditeur】

Comment ajouter du soulignement en HTML ? Exemple d'utilisation de l'ajout de soulignement à la balise html

Comment définir le style de la balise du bouton HTML ? Introduction au style de la balise de bouton html

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal