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

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.

ed126914ed1419bab26abf7cf307b7b9 par paires, le contenu entre la première balise ed126914ed1419bab26abf7cf307b7b9 et la dernière balise 7204e33a7a23f6efcc788532e245c31b Les attributs de la balise ed126914ed1419bab26abf7cf307b7b9 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 ed126914ed1419bab26abf7cf307b7b9 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>

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>

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>

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>

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>

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 ed126914ed1419bab26abf7cf307b7b9 et 7204e33a7a23f6efcc788532e245c31b 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 html88f336217b3880082bb52d49b5de60a5

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!