Horizontal oder senkrecht scrollende Lauftexte generieren Drucken E-Mail
Scripting-Tipps - HTML

Mittels eines alten, browser-proprietären HTML-Tags (<marquee>...</marquee>) lassen sich spielend leicht verschiedene, horizontal und senkrecht scrollende Laufschriften bzw. Lauftexte generieren. Diese können beispielsweise für einen eigenen Newsticker eingesetzt werden. Dieser Lauftext kann mittels verschiedener Attribute konfiguriert werden. So lässt sich etwa die Richtung des Lauftextes ändern. Mittels anderer HTML-Tags lässt sich dazu die Formatierung des Textes ändern.

Wie das funktioniert, erfahren Sie im folgenden Abschnitt.


Beispiel:

<marquee>Dies ist ein scrollender Inhalt</marquee>


Erläuterung:
Verwenden Sie den <marquee>...</marquee>-Tag ohne Attribute, erzeugen Sie eine Laufschrift, die standardmäßig von rechts nach links auf dem Bildschirm scrollt. Es gibt jedoch einige Attribute, mit denen Sie das Verhalten des Lauftextes ändern können. Diese finden Sie in der folgenden Tabelle.

Attribut Wert Bedeutung
direction="..." left

right

up

down 		Erstellt einen Lauftext, der von links nach rechts läuft

Erstellt einen Lauftext, der von rechts nach links läuft (Voreinstellung)

Erstellt einen Lauftext von unten nach oben

Erstellt einen Lauftext von oben nach unten
scrollamount="..." # Bestimmt die Pixelanzahl zwischen den Scrollzuständen. Je höher der Wert ist, desto schneller scrollt der Text.
scrolldelay="..." # Legt die Verzögerung zwischen zwei Scroll-Zuständen in Millisekunden fest. Je höher der Wert ist, desto langsamer scrollt der Text.
beavior="..." alternate Bewirkt, dass der Text hin und her scrollt. In der Standardeinstellung würde der Text nach Links aus dem Bildschirm heraus scrollen und rechts wieder neu anfangen.
align="..." top

middle

bottom		 Mit Hilfe dieser Werte, kann man den umgebenen Text des <marquee>...</marquee>-Tags entsprechend ausrichten.
bgcolor="..." #XXXXXX Hiermit lässt sich die Hintergrundfarbe des Scrolltextes ändern. Siehe dazu auch die Farb-Tabelle.
height="..." # Die Höhe des Scrollbereiches lässt sich hiermit definieren. Interessant dann, wenn ein Lauftext vertikal gescrollt werden soll, oder bei Verwendung einer Hintergrundfarbe. Die Angabe erfolgt entweder in Pixeln, oder in Prozent.
hspace="..." # Bestimmt den Abstand zwischen dem Scrolltext und den sich davor und dahinter befindlichen Elementen. Die Angabe erfolgt in Pixeln.

Tipp:
Der Lauftext selbst lässt sich mittels der normalen HTML-Tags zur Schriftformatierung - oder besser per CSS - natürlich noch anderweitig formatieren, etwa in Schriftart oder -Größe. Auch Hyperlinks lassen sich natürlich einsetzen. Setzen Sie dazu die zusätzlichen Tags nach dem eröffnenden <marquee>-Tag ein.

Wichtiger Hinweis:
Bitte beachten Sie, dass dieser HTML-Tag nicht standard-konform ist. Entwickelt wurde er für den Microsoft-Browser Internet Explorer. Der Tag wird zwar aktuell von den meisten Browsern unterstützt, jedoch besteht keine Garantie darauf für die Zukunft! Wenn Sie Wert auf validen HTML-Code legen, sollten Sie besser Abstand von diesem HTML-Tag nehmen. Für den kommenden CSS-Standard CSS3 vom W3C soll die Marquee-Eigenschaft jedoch in CSS eingeführt werden. Ansonsten könnten mittels JavaScript oder DHTML auch standard-konforme Laufschriften erstellt werden.
 

Weitere Artikel: