Was ist ein gutes Stück von JS oder JQuery für horizontal scrollende Newsticker

Question

Ich bin auf der Suche nach ein wenig JQuery oder JS, die mir eine horizontal scrollende "Newsticker" -Liste erstellen kann.

Das erstellte HTML muss ebenfalls standardkonform sein.

Ich habe versucht liScroll, aber das hat eine Angewohnheit zu brechen (einige Inhalte endet in einer zweiten Zeile am Anfang des Scroll), vor allem mit längeren Listen.

Ich habe auch versucht this News Ticker aber wenn ein DOCTYPE enthalten ist, rollt das Scrollen statt am Ende jedes Zyklus reibungslos.

Alle Vorschläge sind willkommen.

bearbeiten

So dank Matt Hinze Vorschlag wurde mir klar, was ich tun konnte, was ich mit JQuery tun wollte animieren (I erfordern eine kontinuierliche Scrollen nicht diskret Scrollen wie das Beispiel). Allerdings stieß ich schnell auf ähnliche Probleme wie die, die ich mit liScroll hatte und nach all dem war ein CSS-Problem (wie immer) verantwortlich.

Lösung: LiScroll - ändern Sie den Standard 'var stripWidth = 0' zu etwas wie 100, um ein wenig Platz zu geben und neue Zeilenumbruch zu vermeiden.

Answer 1

Glatte Div Scroll auch als Newsticker verwendet werden kann/Börsenticker. Es kann mit der Maus über oder mit der Maus anhalten und es kann endlos Schleife, wenn Sie es wollen.

Hier ist das Beispiel mit einem Laufe Ticker: http://www.maaki.com/

Answer 2

http://www.emrecamdere.com/news_scroller_jquery.html

Answer 3

Hier 2 weitere Lösungen, die ein bisschen einfacher zu implementieren scheinen:

1. newsticker
2. News ticker (BBC style)

Answer 4

Eine alternative Lösung auch die jQuery webTicker sein würde; Es ist sehr ähnlich wie Liscroll, behebt jedoch das Problem, dass der Ticker stoppt, nachdem die ganze Liste abgeschlossen ist. während auch einige neue ausgefallene Funktionen wie hinzufügen; Bewegungsrichtung; Geschwindigkeit; und die Fähigkeit, mehrere Ticker pro Seite zu verwenden.

Answer 5

Die zweite Zeile Fehler in liscroll entstehenden „fixed“ durch Zugabe eines listitem werden können, einen nicht-zerbrechbare Raum <li>&nbsp;</li> Rechtsträger am Ende jeder Liste enthält; gut)