Newsticker with jQuery and three lines of code

am 13.08.2009 01:45:44 Uhr von Ralf Geschke, Tags: Newsticker Programmierung jQuery

Das Videoportal Vimeo bietet auf der "Right now" Seite einen Newsticker, der durchaus nett anzusehen ist. Auf anderen Sites sind derartige Statusmeldungen ebenfalls zu sehen.

Als Entwickler interessiert man sich natürlich für die konkrete Implementierung. Über das Backend hatte ich mir bereits Gedanken gemacht, hier wird Memcache eine grössere Rolle spielen, vielleicht eine Message Queue und anderes Zeug. Und das Frontend?

Natürlich sollte die von mir bevorzugte JavaScript-Library jQuery zum Einsatz kommen. Auf der Suche nach vorhandenen Plugins fand ich den Artikel How to implement a news ticker with jQuery and ten lines of code. Eine gute Basis, aber die etwas abrupten Effekte gefielen mir weniger, darüber hinaus sollten die neuen Elemente oben erscheinen und alle weiteren sanft nach unten schieben.

Als Ausgangspunkt diente das Beispiel aus dem o.g. Blog, das ersparte mir die irgendwie immer mühsame Erstellung des CSS-Designs. Der Kern des Ergebnisses sind letztlich drei (ich wiederhole: drei!) Zeilen JavaScript...

Das Ergebnis:

• Demo
• Download Beispiel

Zuletzt geändert am 16.08.2009 15:20:50 Uhr

Trackbacks

Keine Trackbacks vorhanden.

Kommentare

mapi mario schrieb am 05.10.2009 um 10:34:27:
hello ralf! i like your version of the news ticker... im trying to implement this to my wp portal but im planing to use two or even more listst on the same page... is it possible to have two or more rotating lists on the same page on the same time? if its possible can you past some code example please? thank you! :-)

Kommentar eingeben