Cet article présente principalement les informations pertinentes sur l'explication détaillée de l'attribut marquee en HTML. Les amis qui en ont besoin peuvent se référer à
Cette balise ne fait pas partie de HTML3.2 et. ne prend en charge que MSIE3. Kernel à l'avenir, donc si vous utilisez un navigateur avec un noyau non IE (tel que Netscape), vous ne pourrez peut-être pas voir certains des effets intéressants suivants
Cette balise est une balise conteneur
Syntaxe :
<marquee></marquee>
Copier après la connexion
Ce qui suit est l'exemple le plus simple :
Le code est le suivant :
<marquee><font size=+3 color=red>Hello, World</font></marquee>
Copier après la connexion
Les deux événements suivants sont souvent utilisé :
onMouseOut="this .start()": utilisé pour configurer la souris pour qu'elle continue à défiler lorsqu'elle quitte la zone
onMouseOver="this.stop()": utilisé pour que la souris arrête de défiler lorsqu'elle entre dans la zone
Le code est le suivant :
<marquee onMouseOut="this.start()" onMouseOver="this.stop()">onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动</marquee>
Copier après la connexion
Ceci est un exemple complet :
Le code est le suivant suit :
<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
这是一个完整的例子
</marquee>
Copier après la connexion
Cette balise prend en charge jusqu'à 11 attributs :
align
Définissez l'alignement de la balise
absbottom : alignement absolu du bas (aligné avec le bas des lettres telles que g, p, etc.)
absmiddle : alignement absolu du centre
baseline : alignement de la ligne du bas
bottom : bas alignement (par défaut)
left : alignement à gauche
middle : alignement au milieu
right : alignement à droite
texttop : alignement de la ligne supérieure
top : alignement du haut
Le code est le même suit :
<marquee align="absbottom">align="absbottom"：绝对底部对齐（与g、p等字母的最下端对齐）。 </marquee>
<marquee align="absmiddle">align="absmiddle"： 绝对中央对齐。 </marquee>
<marquee align="baseline">align="baseline"： 底线对齐。 </marquee>
<marquee align="bottom">align="bottom"： 底部对齐（默认）。 </marquee>
<marquee align="left">align="left"： 左对齐。 </marquee>
<marquee align="middle">align="middle"： 中间对齐。 </marquee>
<marquee align="right">align="right"： 右对齐。 </marquee>
<marquee align="texttop">align="texttop"： 顶线对齐。 </marquee>
<marquee align="top">align="top"： 顶部对齐。 </marquee>
Copier après la connexion
comportement
Définissez la méthode de défilement :
alternative : indique un défilement d'avant en arrière entre les deux extrémités.
faire défiler : cela signifie faire défiler d'un bout à l'autre, et cela se répétera.
slide : signifie défiler d'un bout à l'autre sans répétition.
Le code est le suivant :
<marquee behavior="alternate">alternate：表示在两端之间来回滚动。 </marquee>
<marquee behavior="scroll">scroll：表示由一端滚动到另一端，会重复。</marquee>
<marquee behavior="slide">slide： 表示由一端滚动到另一端，不会重复。</marquee>
Copier après la connexion
bgcolor
Définissez la couleur d'arrière-plan des sous-titres actifs. La couleur d'arrière-plan peut être au format. de valeurs RVB ou hexadécimales ou de nom de couleur à définir.
Le code est le suivant :
<marquee bgcolor="#006699">设定活动字幕的背景颜色 bgcolor="#006699"</marquee>
<marquee bgcolor="RGB(10%,50%,100%,)">设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"</marquee>
<marquee bgcolor="red">设定活动字幕的背景颜色 bgcolor="red"</marquee>
Copier après la connexion
direction
Définir le sens de défilement des sous-titres actifs
Le code est comme suit :
<marquee direction="down">设定活动字幕的滚动方向direction="down"：向下</marquee>
<marquee direction="left">设定活动字幕的滚动方向direction="left"：向左</marquee>
<marquee direction="right">设定活动字幕的滚动方向direction="right"：向右</marquee>
<marquee direction="up">设定活动字幕的滚动方向direction="up"：向上</marquee>
Copier après la connexion
hauteur
Définir la hauteur des sous-titres actifs
Le code est le suivant :
<marquee height="500" direction="down" bgcolor="#CCCCCC">设定活动字幕的高度height="500"</marquee>
Copier après la connexion
largeur
Définir la largeur des sous-titres actifs
Le code est le suivant :
<marquee width="500" bgcolor="#CCCCCC">设定活动字幕的宽度width="500"</marquee>
Copier après la connexion
hspace
Définir la largeur des sous-titres actifs La distance entre la position et la bordure horizontale du conteneur parent
Cela contrôle l'espace horizontal (horizontal) autour de la zone d'affichage.
Le Le code est le suivant :
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><marquee hspace="100" bgcolor="#CCCCCC">hspace="100"</marquee></td>
</tr>
</table>Copier après la connexion
vspace
Définissez la distance entre la position active du sous-titre et la bordure verticale du conteneur parent
Ce contrôle l'espace vertical autour de la zone d'affichage.
Le code est le suivant :
<marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee>
Copier après la connexion
boucle
Définit le nombre de fois où faire défiler . Lorsque loop=-1 signifie défiler tout le temps, la valeur par défaut est -1
Code comme suit :
<marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee>
<p> </p>
<marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee>
Copier après la connexion
scrollamount
Définir. la vitesse de défilement des sous-titres actifs en pixels
Le code est le suivant :
<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>
Copier après la connexion
scrolldelay
Définir le délai entre le défilement des sous-titres actifs deux fois, unité milliseconde (milliseconde)
Si la valeur est grande, il y aura un effet d'arrêt
Le code est le suivant :
<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100"</marquee>
<marquee scrolldelay="1000">scrolldelay="1000" </marquee>
Copier après la connexion
Ce qui précède est une explication détaillée de l'attribut chapiteau en HTML introduit par le site Web chinois php. J'espère qu'il sera utile à tout le monde.
Articles connexes :
Analyse détaillée de l'utilisation de chapiteau
Utilisation intelligente de l'attribut chapiteau en html pour obtenir un texte dansant
Un moyen simple d'obtenir un effet de défilement basé sur le chapiteau des balises 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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
