Heim >Web-Frontend >HTML-Tutorial >Eingehende Analyse des Marquee-Attributs in HTML

Eingehende Analyse des Marquee-Attributs in HTML

怪我咯
怪我咯Original
2017-05-07 11:55:321361Durchsuche

In diesem Artikel werden hauptsächlich relevante Informationen zum Marquee-Attribut in HTML vorgestellt.

Dieses Tag ist nicht Teil von HTML3.2 und unterstützt daher nur den Kernel von MSIE3 und höher Wenn Sie Nicht-IE-Kernbrowser (wie Netscape) verwenden, können Sie einige der folgenden interessanten Effekte möglicherweise nicht sehen:

Dieses Tag ist ein Container-Tag

Syntax:

<marquee></marquee>

Das Folgende ist das einfachste Beispiel:

Der Code lautet wie folgt:

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

Unten Diese beiden Ereignisse werden häufig verwendet:

onMouseOut="this.start()": Wird verwendet, um die Maus so einzustellen, dass sie weiterscrollt, wenn sie sich aus dem Bereich bewegt

onMouseOver="this.stop()": Wird verwendet, um die Maus so einzustellen, dass sie den Bildlauf stoppt, wenn die Maus in diesen Bereich bewegt wird

Der Code lautet wie folgt:

<marquee onMouseOut="this.start()" onMouseOver="this.stop()">onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动</marquee>

Dies ist ein vollständiges Beispiel:

Der Code lautet wie folgt:

<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>

Dieses Tag unterstützt bis zu 11 Attribute:

align

Legen Sie die Ausrichtung des ed126914ed1419bab26abf7cf307b7b9-Tag-Inhalts fest

absbottom: Absolute untere Ausrichtung (ausgerichtet am unteren Ende von Buchstaben wie g, p usw.)
absmiddle: Absolute Mittelausrichtung
baseline: untere Zeilenausrichtung
bottom: untere Ausrichtung (Standard)
left: linke Ausrichtung
Mitte: mittlere Ausrichtung
rechts: rechte Ausrichtung
Textoben: obere Zeilenausrichtung
oben: obere Ausrichtung

Der Code lautet wie folgt:

<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>

Verhalten

Scrollen festlegen Der Weg:

alternieren: bedeutet Hin- und Herscrollen zwischen den beiden Enden.

scrollen: Es bedeutet, von einem Ende zum anderen zu scrollen, und es wird wiederholt.

gleiten: bedeutet, ohne Wiederholung von einem Ende zum anderen zu scrollen.

Der Code lautet wie folgt:

<marquee behavior="alternate">alternate:表示在两端之间来回滚动。 </marquee>
<marquee behavior="scroll">scroll:表示由一端滚动到另一端,会重复。</marquee>
<marquee behavior="slide">slide:  表示由一端滚动到另一端,不会重复。</marquee>

bgcolor

Legen Sie die Hintergrundfarbe fest Bei aktiven Untertiteln kann die Hintergrundfarbe in RGB, Hexadezimalwertformat oder Farbname eingestellt werden.

Der Code lautet wie folgt:

<marquee bgcolor="#006699">设定活动字幕的背景颜色 bgcolor="#006699"</marquee>
<marquee bgcolor="RGB(10%,50%,100%,)">设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"</marquee>
<marquee bgcolor="red">设定活动字幕的背景颜色 bgcolor="red"</marquee>

Richtung

Legen Sie die Scrollrichtung fest der aktiven Untertitel

Der Code lautet wie folgt:

<marquee direction="down">设定活动字幕的滚动方向direction="down":向下</marquee>
<marquee direction="left">设定活动字幕的滚动方向direction="left":向左</marquee>
<marquee direction="right">设定活动字幕的滚动方向direction="right":向右</marquee>
<marquee direction="up">设定活动字幕的滚动方向direction="up":向上</marquee>

Höhe

Eingestellt die Höhe der aktiven Untertitel

Der Code lautet wie folgt:

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

Breite

Legen Sie die Breite der aktiven Untertitel fest

Der Code lautet wie folgt:

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

hspace

Legen Sie den Positionsabstand in den aktiven Untertiteln fest. Der Abstand zwischen dem horizontalen Rand des übergeordneten Containers

Dies steuert den horizontalen Raum um das Anzeigefeld.

Der Code lautet wie folgt:

  <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

Legen Sie den Abstand zwischen der aktiven Untertitelposition und dem vertikalen Rand des übergeordneten Containers fest

Dies steuert den vertikalen Raum um das Anzeigefeld.

Der Code lautet wie folgt:

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

loop

Legen Sie die Anzahl der Bildlaufvorgänge fest. Wenn „loop=-1“ bedeutet, ständig zu scrollen, ist der Standardwert -1

Der Code lautet wie folgt:

<marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee>
<p> </p>
<marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee>

scrollamount

Stellen Sie die Bildlaufgeschwindigkeit aktiver Untertitel in Pixel ein

Der Code lautet wie folgt:

<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>

Scrolldelay

Stellen Sie die Verzögerungszeit zwischen dem zweimaligen Scrollen aktiver Untertitel ein, Einheit Millisekunde (Millisekunde)

Ein größerer Wert hat die Wirkung eines Schritts und einer Pause

Der Code lautet wie folgt:

<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100"</marquee>
<marquee scrolldelay="1000">scrolldelay="1000" </marquee>


Das obige ist der detaillierte Inhalt vonEingehende Analyse des Marquee-Attributs in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn