jTicker Demo

What does jTicker do?

jTicker takes an elements' children and displays them one by one, in sequence, writing their text 'ticker tape' style. It is smart enough to ticker text from an element heirarchy, inserting elements back into the DOM tree as it needs them. That means almost any content can be 'tickered'.

It can be controlled with jQuery events.

Not my cup of tea, really, ...

annoying little blinky things trying to distract attention when you want to get on with the serious business of reading a website, but if it's your thing, here it is.

jTicker has some neat features:

  • jTicker can be declared on any element, and it respects that element's DOM tree, printing it back out with the same hierarchy.
  • jTicker handles any number of alternating cursors (or just one).
  • jTicker's cursor container is styleable using the class .cursor, or can be defined as your own jQuery object
  • jTicker reacts to jQuery events "play", "stop" and "control". You can try them out below.

There is one caveat:

  • jTicker can't understand text and children at the same level (I don't know how to do that yet), so if you want some text and then a link, you have to wrap the text in, say, a span, like this: |span| some text |/span| |a|and then a link|/a|
  • But obviously not with those brackets. That's another thing, jTicker is not good at handling html character entities. So make that two caveats.

Events

play
plays from the next item. You can also define the item to play.
stop
stops tickering at the end of the current item.
control
accesses controls like rate. Ooops, Speed it up again. Or cursor element.