Ihr wollt laufende Texte, Marquees genannt, haben? Hier findet ihr heraus, wie es geht.

Es gibt auch hier verschiedene Möglichkeiten.

1. Variante:

Möchtest du die Breite und Höhe des Marquees festlegen, eignet sich folgender Code:

 <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollAmount="2" height="100" width="200">Text</marquee>

Mit scrollAmount legst du fest, wie schnell der Text laufen soll. Je höher die Zahl, desto schneller läuft der Text.

Mit direction legst du fest, in welche Richtung der Text laufen soll. Es gibt hierbei vier Möglichkeiten:
up = hoch
down = unten
right = rechts
left = links


2. Variante: 

So machst du ein Marquee mit Bildern.

<table style="width:100px; border:0px solid; text-align:center">
<tr><td>
<marquee height="100" direction="up" scrollAmount="2" onmouseover="javascript:this.scrollAmount=0"
onmouseout="javascript:this.scrollAmount=2">
<a href="URL" target="_blank"><img src="Bild-URL" border="0"></a>
<br/>
<a href="URL" target="_blank"><img src="Bild-URL" border="0"></a>
<br/>
<a href="URL" target="_blank"><img src="Bild-URL" border="0"></a>
<br/>
</marquee>
</td></tr></table>

Natürlich könnt ihr die Schnelligkeit anpassen und noch mehr Bilder einfügen.


3. Variante:

Hierbei handelt es sich um dasselbe wie Variante 2, mit dem Unterschied, dass er diesmal nach links läuft.

<marquee scrollamount="4" direction="left" style="background-color: transparent; width: 200px; height: 30px;">
<a href="URL" target="_blank"><img src="Bild-URL" border="0"></a>
<a href="URL" target="_blank"><img src="Bild-URL" border="0"></a>
<a href="URL" target="_blank"><img src="Bild-URL" border="0"></a>
</marquee>

Natürlich könnt ihr auch hier die Schnelligkeit und die Richtung anpassen und noch mehr Bilder einfügen.


4. Variante:

Blinken:

<blink>Text</blink>

Nach links:

<marquee direction=left>Text</marquee>

Nach rechts:
 
<marquee direction=right>Text</marquee>

Nach oben:

<marquee direction=up>Text</marquee>

Nach unten:

<marquee direction=down>Text</marquee>

Hin und her:

<marquee behavior=alternate>Text</marquee>

Auf und ab:

<marquee direction="up" behavior=alternate style="height:50px">Text</marquee>

Mit Geschwindigkeit:

<marquee scrollamount=10 scrolldelay=10>Text</marquee>

Mit Bild:

<marquee height="200">Text<img src="Bild-URL"></marquee>

Stoppt beim Überfahren:

<marquee direction="left" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=5" scrollamount="5">Text</marquee>

Es gibt noch mehr Möglichkeiten, aber das sind die Standard-Marquees.