10x bewertet

Lauftexte

von Nekoji  |  27.01.2008 um 20:15 h
Html Grundlagen
Typ: Html Grundlagen
Stufe:Einfach
In diesem Tutorial werde ich euch erklären, wie ihr Texte im HTML beweglich macht und sie hin und herlaufen lassen könnt.

Um euch eine kleine Vorstellung davon zu geben, hier eine Vorschau: Klick

Der Lauftext beginnt immer mit <marquee>, dahinter folgt der Text und dann wird mit </marquee> geschlossen:

<marquee>Ich bin ein Lauftext.</marquee>

Wie ihr seht, läuft der Text standardmäßig von rechts nach links.

Die Richtung, in die der Text läuft kann allerdings mit dem Attribut "direction" angepasst werden:

<marquee direction=right>Ich bin ein Lauftext, der von links nach rechts fließt.</marquee>

<marquee direction=left>Ich bin ein Lauftext, der von rechts nach links läuft.</marquee>

<marquee direction=down>Ich bin ein Lauftext, der von oben nach unten läuft.</marquee>

<marquee direction=up>Ich bin ein Lauftext, der von unten nach oben läuft.</marquee>


Wenn der Text hin und her laufen soll, wird das Attribut "behavior" benutzt. So könnt ihr festlegen, dass sich die Laufrichtung ändert, sobald der Text den Fensterrand erreicht hat:

<marquee behavior=alternate>Ich bin ein Lauftext, der sich hin und her bewegt.</marquee>

Zu guter Letzt können wir nun noch die Geschwindigkeit festlegen, mit der sich unser Text bewegen soll. Dies wird mit den Attributen "scrollamount" (=Zustand) und "scrolldelay" (=Verzögerung) bestimmt:

<marquee scrollamount=60 scrolldelay=5>Ich bin ein Lauftext, der sich sehr schnell bewegt.</marquee>

Statt normaler Texte, könnt ihr auch Bilder oder Links bewegen, indem ihr den Text einfach durch die entsprechenden Tags ersetzt:

<marquee><img border=0 alt="Beschreibung" src="Eure Bild-URL"/></marquee>

Ich hoffe das hat euch weiter geholfen und war verständlich erklärt.



9 Kommentare




Nobi

woooow kenne das zwar schon, aber ist super gemacht kann man immer gebrauchen ^^
am 27.01.2008 um 21:40 Uhr


Jel

wird das Attribut "behaviour" benutzt.

Ähm... meinst du nicht "behavior", ohne "u"? :)
Oder wolltest du nur sagen, um welches Wort es sich handelt, also egal wie's geschrieben ist? YOU KNOW? XD
zu kompli Smilie kanns nich erklären xD
am 28.01.2008 um 16:35 Uhr


Nekoji

Oh, war ein Tippfehler. Smilie
Danke für den Hinweis.
am 28.01.2008 um 16:50 Uhr


HEY!
danke für die kleine nachhilfe bezüglich HTML codes... is supi gemacht Smilie *danke* =) Smilie
am 07.02.2008 um 14:28 Uhr


YuKiKo

´ne Frage, und wie bekommt man es hin, das sich ein Laufender Test stehen bleibt, wenn man drüber fährt?
am 14.02.2008 um 16:15 Uhr


Nekoji

Dazu benötigst du dann zusätzlich etwas Javascript:

<marquee onMouseOver="Javascript:this.stop();" onMouseOut="Javascript:this.start();">
Irgendein Text oder ein Bild.
</marquee>
am 07.03.2008 um 15:47 Uhr


Apple

Ein Wort : Toll :)
am 16.08.2008 um 19:34 Uhr


Celia-Chan

Super Tut, aber ich habe eine Frage:
Bei mir ist da noch der scrollbalken an der Seite. Wie krieg ich den weg?
am 31.12.2008 um 22:43 Uhr


Tolles Tut hab es gleich mal ausprobiert und war mächtig stolz das ich es ohne weiter hilfe geschaft, hab, also super erklärt. Auch für so Html-Krüppel wie mich. Smilie
am 13.03.2009 um 12:08 Uhr