JavaScript Resources

Accessible JavaScript Newsticker
 

Accessible JavaScript Newsticker

Description:

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">
  <ul>
    <li>Newsticker text 01</li>
    <li>Newsticker text 02</li>
    <li>Newsticker text 03</li>
  </ul>
</div>

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 :)

—
more Resources Scripts: Forms, Text, Buttons, Games, Calendars, Miscellaneous, Utilities, Clocks,
Navigation, Windows, Cookies, Special Effects, Counters, Passwords, DHTML



[Home] [Templates] [Blog] [Forum] [Directory] JavaScript Resources - Accessible JavaScript Newsticker