Analyse approfondie de l'attribut chapiteau en HTML

Cet article présente principalement des informations pertinentes sur l'attribut marquee en HTML. Les amis qui en ont besoin peuvent s'y référer

Cette balise ne fait pas partie de HTML3.2 et ne prend en charge que le noyau de MSIE3 et versions ultérieures, donc. si vous utilisez des navigateurs non-IE (tels 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>

Ci-dessous Ces deux événements sont souvent utilisés :

onMouseOut="this.start()" : utilisé pour configurer la souris pour qu'elle continue à défiler lorsqu'elle sort de la zone

onMouseOver="this.stop()" : Utilisé pour que la souris arrête de défiler lorsqu'elle se déplace dans cette 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 :

<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 du contenu de la balise ed126914ed1419bab26abf7cf307b7b9

absbottom : alignement absolu du bas (aligné avec le bas des lettres telles que g, p, etc.)
absmiddle : alignement au centre absolu
baseline : alignement de la ligne du bas
bottom : alignement du bas (par défaut)
gauche : alignement à gauche
middle : alignement du milieu
right : alignement à droite
texttop : alignement de la ligne supérieure
top : alignement du haut

Le code est le suivant :

<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éfinir le défilement La manière :

alterner : signifie faire défiler 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éfinir la couleur de fond des sous-titres actifs, la couleur d'arrière-plan peut être définie en RVB, au format de valeur hexadécimale ou en nom de couleur.

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 le suivant :

<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éfinissez la distance de position dans les sous-titres actifs. La distance entre la bordure horizontale du conteneur parent

Cela contrôle l'espace horizontal autour de la zone d'affichage.

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éfinir la distance entre la position active du sous-titre et la bordure verticale du conteneur parent

Cela contrôle l'espace vertical autour de la zone d'affichage.

Le code est le suivant :

<marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee>

loop

Définissez le nombre de défilements, lorsque loop=-1 signifie défiler tout le temps, la valeur par défaut est -1

Le code est le suivant :

<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 les sous-titres actifs défilant deux fois, unité milliseconde (milliseconde)

Une valeur plus grande aura l'effet d'un pas et d'une pause

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 le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!