DeltaSierra!


Effekte mit JavaScript erfordern meist unverhältnismäßig viel Performance und werden für so Sachen wie Marquees relativ schnell umfangreich im Code. Je nach Update-Intervall ruckeln die Laufschriften auch ziemlich. Wenn du unbedingt ein Skript möchtest, würde ich dir vorschlagen, verwende eine der bereits in Unmengen implementierten Varianten aus dem Netz, welche dir am besten gefällt. Für eine Neu-Implementierung müsste man jetzt genauer wissen, wie sich die Laufschrift im einzelnen Verhalten soll, da das ggf. in das Skript mit eingeplant werden müsste.

Du könntest statt einem Skript inzwischen auch eine CSS-Animation verwenden. Auf Basis von CSS3 Marquee Effect habe ich mal ein wenig experimentiert und eine Laufschrift-Animation erzeugt, die in den letzten 20% stehen bleibt. Die ersten drei CSS-Selektoren sind für das Verhalten der Animation verantwortlich. Bei der Animation müssen die Prozent-Werte ggf. angepasst werden. Das Schöne an diesem Beispiel ist, dass die Laufschrift in diesem Fall noch mit einem kleinen Logo verziert werden kann.

Ein richtig gutes Tutorial für Laufschriften mit CSS finde ich Creating Advanced “Marquee” with CSS3 Animation. Abgesehen von der tollen Umsetzung zeigt der kleine Abschnitt Addressing Marquee Issue (mit Link auf Usability problems) auch nochmals einige Probleme mit Marquees auf. Auch wenn es irgendwie seinen Weg in die Css-Spezifikation gefunden hat, solltest du evtl. in Erwägung ziehen, auf Marquees zu verzichten. Ein bisschen dramatisch beschrieben aber mit einem wahren Kern, kannst du die Problematik auch nochmal in diesem Artikel auf deutsch begutachten.