Beispielcode zum Erstellen von Lauftext in HTML-HTML-Tutorial-php.cn

Beispielcode zum Erstellen von Lauftext in HTML

怪我咯

Freigeben： 2017-05-07 11:57:56

Original

6029 Leute haben es durchsucht

In diesem Abschnitt spricht der Autor über spezielle Tags im HTML-Code, die den Text auf der Webseite scrollen lassen und seine Scrolleigenschaften steuern können. Lauftext erstellen Durch die vorherigen Studien in diesem Kapitel konnten die Leser die Anzeigemethode verschiedener Absatztexte gut steuern, aber egal wie sie eingestellt sind, der Text ist statisch. Dieser Abschnitt
In diesem Abschnitt spricht der Autor über spezielle Tags im HTML-Code, die den Text auf der Webseite scrollen lassen und seine Scrolleigenschaften steuern können.
Lauftext erstellen
Durch die vorherigen Studien in diesem Kapitel konnten die Leser die Anzeigemethode verschiedener Absatztexte gut steuern, aber egal wie sie eingestellt sind, der Text ist statisch. In diesem Abschnitt beschreibt der Autor die speziellen Tags im HTML-Code, die den Text auf der Webseite scrollen und seine Scrolleigenschaften steuern können.
4.3.1 Text-Scrolling einrichten
Die Möglichkeit, Text in der HTML-Technologie zu scrollen, ist die Verwendung von Doppel-Tags . Im HTML-Code kann der Text im Bereich gescrollt werden. Die Standardeinstellung ist das Scrollen von rechts nach links und das kreisförmige Scrollen. Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie mar.htm und schreiben Sie den Code wie in Code 4.15 gezeigt.

Code 4.15 Text-Scroll-Einstellungen: mar.htm

<html>
<head>
 <title>文字滚动的设置</title>
</head>
<body>
<font size="5" color="#cc0000">
文字滚动示例（默认）：<marquee>做人要厚道</marquee>
</font>
</body>
</html>

Nach dem Login kopieren

Geben Sie http://localhost/mar.htm in die Adressleiste des Browsers ein, der Browsing-Effekt ist wie folgt Wie in Abbildung 4.15 dargestellt.

Abbildung 4.15 Festlegen der Standardform des Textscrollens
Wenn in Abbildung 4.15 die Breite nicht festgelegt ist, belegt das Tag eine exklusive Zeile.
4.3.2 Legen Sie die Richtung des Textlaufs fest

<marquee></marquee>标签的direction属性用于设置内容滚动方向，属性值有left、right、up、down，分别代表向左、向右、向上、向下，例如以下代码：
<marquee direction="left">做人要厚道</marquee>
<marquee direction="right">做人要厚道</marquee>
<marquee direction="up">做人要厚道</marquee>
<marquee direction="down">做人要厚道</marquee>

Nach dem Login kopieren

4.3.3 Legen Sie die Geschwindigkeit und Form des Textlaufs fest
Legen Sie den Text-Scroll mit dem Tag fest, dessen Attribute unten beschrieben werden.
– Das scrollamount-Attribut des -Tags wird verwendet, um die Scrollgeschwindigkeit des Inhalts festzulegen.
– Das Verhaltensattribut des Tags wird verwendet, um die Scroll-Methode für den Inhalt festzulegen zyklisch weitergegeben. Wenn der Wert „slide“ ist, stoppt der Inhalt einmal den Bildlauf und wird nicht wiederholt. Es gibt auch ein Schleifenattribut zum Festlegen der Anzahl der Bildlaufzyklen, die standardmäßig unbegrenzt ist.
– Das Scrolldelay-Attribut des -Tags wird verwendet, um das Zeitintervall für das Scrollen von Inhalten festzulegen.
– Das bgcolor-Attribut des -Tags wird verwendet, um die Hintergrundfarbe für das Scrollen des Inhalts festzulegen (ähnlich der Hintergrundfarbeinstellung des Körpers).
– Das width-Attribut des -Tags wird verwendet, um die Breite des Inhalts-Scrollhintergrunds festzulegen.
– Das Höhenattribut des -Tags wird verwendet, um die Höhe des Inhalts-Scrollhintergrunds festzulegen.
Ändern Sie die Webseitendatei mar.htm und schreiben Sie den Code wie in Code 4.16 gezeigt.

Code 4.16 Text-Scroll-Einstellungen: mar.htm

<html>
<head>
 <title>文字滚动的设置</title>
</head>
<body>
<font size="3" color="#cc0000">
文字滚动示例（默认）：<marquee>做人要厚道</marquee>
文字滚动示例（向右）：<marquee direction="right" scrolldelay="500">做人要厚道</marquee>
文字滚动示例（向下，滚动方式为slide，速度为10）：<marquee scrollamount="10" behavior="slide">做人要厚道</marquee>
文字滚动示例（默认方向，滚动方式为alternate，循环3次，速度为2）：<marquee scrollamount="2" behavior="alternate" loop="3">做人要厚道</marquee>
文字滚动示例（向上，背景色为#CCFF66，设置了背景宽度和高度）：<marquee direction="up" bgcolor="#CCFF66" width="250" height="55">做人要厚道</marquee>
</font>
</body>
</html>

Nach dem Login kopieren

Geben Sie http://localhost/mar.htm in die Adressleiste des Browsers ein, der Browsing-Effekt ist wie folgt Wie in Abbildung 4.16 dargestellt.

Abbildung 4.16 Verschiedene Formen des Textlaufs
s viele Attribute machen es sehr bequem, Lauftext zu erstellen

Das obige ist der detaillierte Inhalt vonBeispielcode zum Erstellen von Lauftext in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!