In diesem Abschnitt spricht der Autor über die spezielleren Tags im HTML -Code, mit denen Text auf Webseiten scrollen und seine Bildlaufeigenschaften steuern kann.
Schriftrollentext machen
Durch die vorherige Studie dieses Kapitels können die Leser bereits die Anzeige verschiedener Absatztexte gut steuern, aber egal wie sie festgelegt werden, der Text ist statisch. In diesem Abschnitt spricht der Autor über die spezielleren Tags im HTML -Code, mit denen Text auf Webseiten scrollen und seine Bildlaufeigenschaften steuern kann.
4.3.1 Setzen Sie Text ScrollenDer Weg zum Scrollen von Text in der HTML -Technologie besteht darin, Doppel -Tags <marquee> </marquee> zu verwenden. Im HTML -Code kann der Text in seinem Funktionsbereich gescrollt werden, und die Standardeinstellung besteht darin, von rechts nach links zu scrollen. Erstellen Sie eine Webseitendatei im Verzeichnis d:/ web/ verzeichnis namens mar.htm und schreiben Sie den Code wie in Code 4.15 gezeigt.
Code 4.15 Text Scrolling -Einstellungen: mar.htm
<html>
<kopf>
<title> Einstellungen für Text Scrolling </title>
</head>
<body>
<font size = 5 color =#CC0000>
Beispielscrolling -Beispiel (Standard): <Marquee> Sei freundlich, eine Person zu sein </marquee>
</font>
</body>
</html>
Geben Sie http: //localhost/mar.htm in die Browseradressleiste ein, und der Browsing -Effekt ist in Abbildung 4.15 dargestellt.
Abbildung 4.15 Legen Sie die Standardform des Textbilds fest
Aus Abbildung 4.15, wenn die Breite nicht festgelegt ist, ist das <marquee> </marquee> Tag ausschließlich einer Zeile.
4.3.2 Legen Sie die Texterrichtung einDas Richtungsmerkmal des <marquee> </marquee> Tag wird verwendet, um die Inhalts -Scroll -Richtung einzustellen. Die Attributwerte umfassen links, rechts, oben und unten, die links, rechts, nach oben bzw. unten darstellen. Zum Beispiel der folgende Code:
<marquee Direction = links> Sei Art, eine Person zu sein </marquee>
<marquee Direction = rechts> Sei Art, eine Person zu sein </marquee>
<marquee Direction = Up> Sei freundlich, eine Person zu sein </marquee>
<marquee Direction = Down> Sei freundlich, eine Person zu sein </marquee>
4.3.3 Legen Sie die Geschwindigkeit und Form des Textbilds einSetzen Sie das Text -Scrollen, um das Tag <marquee> </marquee> zu verwenden, und seine Attribute werden wie folgt beschrieben.
- Die Scrollamount -Eigenschaft des <marquee> </marquee> Tag wird verwendet, um die Inhalts -Scroll -Geschwindigkeit festzulegen.
- Die Verhaltenseigenschaft des Tags <marquee> </marquee> wird verwendet, um die Inhalts -Scrolling -Methode festzulegen. Die Standardeinstellung ist das Scrollen, das heißt, Schleifen. Wenn sein Wert alternativ ist, wird der Inhalt hin und her abschließt. Wenn der Wert der Schicht ist, hört der Inhalt nicht ein, einmal zu scrollen und nicht zu schleifen. Es gibt auch eine Schleifeneigenschaft, die die Anzahl der Scroll -Zyklen festlegt, die standardmäßig ohne Grenze ausfällt.
- Die Scrolldelay -Eigenschaft des <marquee> </marquee> -Tags wird verwendet, um das Zeitintervall für das Inhalts -Scrollen festzulegen.
- Die BGColor -Eigenschaft des <marquee> </marquee> Tags wird verwendet, um die Inhalts -Scrolling -Hintergrundfarbe (ähnlich der Hintergrundfarbe des Körpers) festzulegen.
- Die Breite des <marquee> </marquee> Tags wird verwendet, um die Inhalts -Scroll -Hintergrundbreite festzulegen.
- Das Höhenattribut des <marquee> </marquee> Tag wird verwendet, um die Inhalts -Scrolling -Hintergrundhöhe festzulegen.
Ändern Sie die Mar.htm -Web -Datei und schreiben Sie den Code wie in Code 4.16 gezeigt.
Code 4.16 Text Scrolling -Einstellungen: Mar.htm
<html>
<kopf>
<title> Einstellungen für Text Scrolling </title>
</head>
<body>
<font size = 3 color =#CC0000>
Beispielscrolling -Beispiel (Standard): <Marquee> Sei freundlich, eine Person zu sein </marquee>
Beispielscrolling -Beispiel (rechts): <Marquee Direction = Right Scrolldelay = 500> Seien Sie freundlich, eine Person zu sein </marquee>
Beispiel für das Textbild von Text (Abwärts, Scrolling -Methode ist Folie, Geschwindigkeit ist 10): <Marquee Scrollamount = 10 Verhalten = Folie> Sei Art, eine Person zu sein </marquee>
Beispiel für das Textbild von Text (Standardrichtung, Bildlaufmethode ist alternativ, Schleife 3 -mal, Geschwindigkeit ist 2): <Marquee Scrollamount = 2 Verhalten = Alternative Loop = 3> Sei Art, eine Person zu sein </marquee>
Beispiel für Text Scrolling (nach oben, Hintergrundfarbe ist #CCFF66, Hintergrundbreite und Höhe festgelegt): <Marquee Direction = up Bgcolor = #CCFF66 Breite = 250 Höhe = 55> Seien Sie freundlich zu einer Person </marquee>
</font>
</body>
</html>
Geben Sie http: //localhost/mar.htm in die Browseradressleiste ein, und der Browsing -Effekt ist in Abbildung 4.16 dargestellt.
Abbildung 4.16 Verschiedene Textformen
Die zahlreichen Attribute von <marquee> </marquee> können sehr bequem sein, um Scrolling -Text zu erstellen. Im nachfolgenden JavaScript -Lernen werden die Leser das dynamische Verhaltenslernen von <marquee> </marquee> Tags weiter vertiefen.