< SELFHTML Blog hat jetzt eine Blogroll | Ajaxian.com Umfrage 2006 - And the winner is... >

2006-09-22 JsListNewsTicker - Neue JavaScript-Klasse für unaufdringliche und semantische Newsticker

Ich habe wieder gebastelt. Diesmal habe ich ein Script dabei, daß ich jetzt schon seit fast 2 Jahren stetig weiterentwickle und auch schon regelmäßig für Kunden eingesetzt habe.

Bei der JavaScript-Klasse "JsListNewsTicker" handelt es sich um ein Script, daß eine ungeordnete Liste von News in einen Newsticker transformieren kann. Das Script arbeitet hierbei komplett unaufdringlich und macht bei fehlendem JavaScript keinerlei Probleme. In sämtlichen Browsern in denen ich getestet habe, hat das Script problemlos seinen Dienst verrichtet.

Mit zwei verschiedenen Methoden können die News in der aktuellen Version 2.0 auf sich aufmerksam machen:

  1. In der ersten Version wird der Reihe nach immer ein Listitem (z.B. eine News) angezeigt, sodaß die News ständig reihum rotieren.
  2. In der zweiten Version werden die News in einem langen Tickerband von rechts nach Links gescrollt.

Bei beiden Versionen kann der Ticker, auf Wunsch, bei Mouseover ein Päuschen machen, daß sofort bei Mouseout wieder vorbei ist.

Die Vollständige Beschreibung der Klasse findet Ihr hier und eine Demo hier.

, , , ,
Comment (1)
Trackbacks (0)
Trackbacks
Trackback specific URI for this entry
No Trackbacks

Comments

erikJa da sag ich mal vielen Dank! Hab zwar jetzt keine direkte Verwendung dafür... aber gespeichert isses ;-) und brauchbar siehts ja auch aus. Noble Geste :-)
#1 erik (Homepage) on 2006-09-24 05:00 (Reply)
Add Comment

Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA

Gravatar/Favatar/Pavatar/MyBlogLog author images supported.
You can use [geshi lang=javascript/css/html4strict/php]your code[/geshi] tags to embed source code snippets