HTML: Marquee Lauftext, Laufschrift erstellen

Nicht deine Sprache? [google-translator]

Lauftexte bzw. Laufschriften sieht man in HTML nicht mehr so oft, aber können mit dem HTML Befehl <marquee> immer noch ganz einfach erstellt. werden.

HTML: Laufschrift erstellen HTML

Mit folgendem Beispiel erstellst du einen ganz einfachen Lauftext

<marquee>Dieser Text ist eine Laufschrift</marquee>

Ergebnis

Das Ergebnis ist ein Lauftext der von rechts nach links läuft

Dieser Text ist eine Laufschrift

HTML: Lauftext von unten nach oben

 <marquee behavior="scroll" direction="up"> Dieser Text ist eine Laufschrift von unten nach oben </marque>

Ergebnis

Dieser Text ist eine Laufschrift von unten nach oben

HTML: Lauftext von oben nach unten

 <marquee behavior="scroll" direction="down"> Dieser Text ist eine Laufschrift von unten nach oben </marque>

Ergebnis

Dieser Text ist eine Laufschrift von unten nach oben

Marquee Attribute

folgende Marquee Attribute hast du zur Verfügung

AttWertErklärung
truespeedseconds
widthpixels
%
Bereite des Marquee
behaviorscroll
slide
alternate
Definiert wie gescrollt wird. Scroll Animation
heightpixels
%
Höhe in Pixel oder %
directionup
down
left
right
Legt die Scrollrichtung fest
hspacepixelsDer horizontale Raum um den Marquee herum
bgcolorrgb(x,x,x)
#xxxxxx
colorname
Gibt dem Marquee eine Hintergrundfarbe
vspacepixelsEs definiert den vertikalen Raum im Maquee
scrolldelaysecondsLegt die Scrollverzögerung fest
loopnumberLegt fest wie oft der Marquee animiert wird. Ist diese Zahl nicht definiert ist es unendlich
scrollamountnumberScrollbetrag in px. Standartwert ist 6

Über Mich



    html        html lauftext   

[wpdreams_ajaxsearchlite]

50 + Figma Shortcuts und Tastenkombinationen

Figma ist ein beliebtes Design- und Prototyping-Tool, das von vielen Designern und Kreativen verwendet wird...

„In der Booth“: Bedeutung bei Deutschrap

Was bedeutet „in der Booth“? Booth ist ein Slang und steht für Gesangskabine. Wenn also...

Telegram: Nutzer melden – So gehts

Es ist wichtig, solche Vorfälle zu melden, um eine angenehme und respektvolle Umgebung für alle...

Tinder: Wie lange bleiben Likes? 🤔

Bestimmt hast du dich schon oft gefragt. Wie lange sind Likes auf Tinder für die...

HTML: Javascript einbinden – So gehts

Das Einbinden von JavaScript in HTML ermöglicht es dir, dynamische Funktionen und Interaktivität auf deiner...