Home » JS Resources Special Effects Script Details

Accessible JavaScript Newsticker


Personally I don’t like conventional newstickers because of several reasons. First of all they are quite questionable from a usability point of view — the scrolling text distracts the user from the actual content. Secondly most of the implementations are not accessible, since they either use Java applets or JavaScript that does not degrade gracefully. And last but not least most implementations take up an impressive amount of CPU performance.

So I made up my mind and came up with a solution that more or less eliminates those downsides. The markup is actually nothing remarkable — just a simple unordered list and a wrapper div with a unique id.

<div id="newsticker">
<li>Newsticker text 01</li>
<li>Newsticker text 02</li>
<li>Newsticker text 03</li>

Since many web developers already use the Prototype JavaScript Framework, and I also wanted to use Scriptaculous for some nice animations I also used Prototype for my ticker. So if you are interested you can either take a look at my sample ticker or download the source code. Btw of course you may use the script on your site. So have fun :)

Browsers Compatibility:
IE, FF, Opera, Safari
Visit Download
  1 week 2 week 1 month 5 months 1 year 2 year Overall
Votes 0 0 0 0 0 0 4
Rating 0 0 0 0 0 0 3.0
Added: Tue Sep 05 2006 Last Modify: Tue Sep 05 2006
Added by: Send Feedback to:

Page Visited Visited: 0

Add commentAdd comment (Comments: 0)  



Related Resources

Other Resources