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
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>
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
