Was ist ein gutes Stück von JS oder JQuery für die horizontal-scrolling-news-ticker

Ich bin auf der Suche nach ein wenig JQuery oder JS, das es mir erlaubt, um zu produzieren ein horizontal scrolling "news-ticker" - Liste.

Das erzeugte HTML muss werden standards kompatibel.

Habe ich versucht liScroll das hat aber die Angewohnheit zu brechen (einige Inhalte, landet auf einer zweiten Linie an den start des scroll), vor allem bei längeren Listen.

Habe ich auch schon versucht dieser News-Ticker aber wenn ein DOCTYPE-Element enthalten ist, das scrolling Ruck eher als Zyklus nahtlos am Ende von jedem Zyklus.

Anregungen werden geschätzt.

Bearbeiten

Danke an Matt Hinze ' s Vorschlag habe ich realisiert, dass ich tun konnte was ich wollte mit JQuery animate (ich erfordern eine kontinuierliche scrollen nicht diskrete scrollen wie im Beispiel). Jedoch, ich rannte schnell in ähnliche Probleme, die ich hatte mit liScroll und nach alle realisiert, dass ein CSS Problem (wie immer) verantwortlich war.

Lösung: liScroll - ändern Sie die Standard - 'var stripWidth = 0' zu so etwas wie 100, geben Sie ein wenig Platz und vermeiden, dass neue Zeile umbrechen.

InformationsquelleAutor Matt Mitchell | 2008-09-03

  1. 5

    Smooth Div Scroll kann auch verwendet werden, wie ein news-ticker/stock ticker. Es kann pausiert bei mouse-over oder mouse-down und es kann die Schleife endlos, wenn Sie es wollen.

    Hier das Beispiel mit einem Laufenden ticker.

    Wow, scheint groß.

    InformationsquelleAutor

  3. 2

    Hier 2 andere Lösungen, die scheinen ein wenig einfacher zu implementieren:

    1. newsticker
    2. News-ticker (BBC-Stil)

    InformationsquelleAutor travis

  4. 0

    Eine Alternative Lösung wäre auch, die jQuery webTicker; seine sehr ähnlich liscroll allerdings behebt das problem mit dem ticker zu stoppen, nachdem die gesamte Liste abgeschlossen; während auch das hinzufügen einige neue fancy features wie; die Richtung der Bewegung; die Geschwindigkeit; und die Fähigkeit, mehrere Ticker pro Seite.

    InformationsquelleAutor Jon Mifsud

  5. 0

    In der zweiten Zeile Fehler, die sich in liscroll können "fixiert", indem ein listitem mit einem non-breakable-space-Konzern auszuführen <li>&nbsp;</li> am Ende jeder Liste 😉

    InformationsquelleAutor tj001

Schreibe einen Kommentar