Maison > Article > interface Web > Analyse des attributs de chapiteau en HTML

Analyse des attributs de chapiteau en HTML

高洛峰original: 2018-01-09 14:51:032677parcourir

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>

Ce qui suit est l'exemple le plus simple :

Le code est le suivant :

<marquee><font size=+3 color=red>Hello, World</font></marquee>

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>

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>

Cette balise prend en charge jusqu'à 11 attributs :

align

Définissez l'alignement de la balise ed126914ed1419bab26abf7cf307b7b9 content

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>

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>

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>

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>

hauteur

Définir la hauteur des sous-titres actifs

Le code est le suivant :

<marquee height="500" direction="down" bgcolor="#CCCCCC">设定活动字幕的高度height="500"</marquee>

largeur

Définir la largeur des sous-titres actifs

Le code est le suivant :

<marquee width="500" bgcolor="#CCCCCC">设定活动字幕的宽度width="500"</marquee>

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>

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>

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>

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>

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>

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 Liés

Voir plus