Heim  >  Artikel  >  Web-Frontend  >  Marquee-Attributanalyse in HTML

Marquee-Attributanalyse in HTML

高洛峰
高洛峰Original
2018-01-09 14:51:032677Durchsuche

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erläuterung des Marquee-Attributs in HTML vorgestellt. Freunde, die es benötigen, können sich auf

Dieses Tag ist nicht Teil von HTML3.2 beziehen Unterstützt in Zukunft nur noch MSIE3. Kernel. Wenn Sie also einen Nicht-IE-Kernel-Browser (z. B. Netscape) verwenden, können Sie möglicherweise einige der folgenden interessanten Effekte 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>

Die folgenden beiden Ereignisse kommen häufig vor verwendet:

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

onMouseOver="this.stop()": verwendet um die Maus so einzustellen, dass sie das Scrollen stoppt, wenn sie sich in den Bereich bewegt

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

absbottom: absolute untere Ausrichtung (ausgerichtet am unteren Rand von Buchstaben wie g, p usw.)
absmiddle: absolute zentrierte Ausrichtung
baseline: untere Zeilenausrichtung
bottom: unten Ausrichtung (Standard)
links: linke Ausrichtung
Mitte: mittlere Ausrichtung
rechts: rechte Ausrichtung
texttop: Obere Zeilenausrichtung
oben: Obere Ausrichtung

Der Code ist wie folgt 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

Scroll-Methode festlegen:

alternativ: Zeigt das Hin- und Herscrollen zwischen den beiden Enden an.

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 aktiver Untertitel fest. Die Hintergrundfarbe kann im Format festgelegt werden der einzustellenden RGB- oder Hexadezimalwerte oder Farbnamen.

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 Bildlaufrichtung aktiver Untertitel fest

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

Legen Sie die Höhe der aktiven Untertitel fest

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 die Breite der aktiven Untertitel fest. Den Abstand zwischen der Position und dem horizontalen Rand des übergeordneten Containers.

Dies steuert den horizontalen (horizontalen) Raum um das Anzeigefeld.

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

Schleife

Legt die Anzahl der Scrollvorgänge fest . Wenn Schleife = -1 bedeutet, dass ständig gescrollt wird, ist der Standardwert -1 die Scrollgeschwindigkeit aktiver Untertitel in Pixel

Der Code lautet wie folgt:

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

Scrollverzögerung

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

Wenn der Wert groß ist, tritt ein Step-Stop-Effekt auf

<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>
Der Code lautet wie folgt:

Das Obige ist eine detaillierte Erklärung des Marquee-Attributs in HTML, das von der chinesischen PHP-Website eingeführt wurde. Ich hoffe, es wird für alle hilfreich sein.

Verwandte Artikel:

Detaillierte Nutzungsanalyse von Marquee

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

Intelligente Verwendung des Marquee-Attributs in HTML, um tanzenden Text zu erzielen

Eine einfache Möglichkeit, einen Scroll-Effekt basierend auf dem HTML-Tag-Laufrahmen zu erzielen

Das obige ist der detaillierte Inhalt vonMarquee-Attributanalyse 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