Tuesday, April 24th, 2007
TickerTape: Scrolling tickers in JavaScript
Category: Component, JavaScript
, Library
It is very simple, allowing you to create a ticker tape via:
JAVASCRIPT:
-
-
new TickerTape('tickertape.php', 'myTickerTape', 5000); // duration between scrolls
-
It would benefit from not scrolling while you have you mouse inside, and Firefox wasn't happy with the demo.
Related Content:
3.2 rating from 24 votes
The demo works in Firefox when you refresh – I’m looking into a solution for this now and will post a new release when I have fixed it.
Version 1.01 fixes the Firefox problem:
http://colinramsay.co.uk/2007/04/24/tickertape-v101/
If you’ve visited the demo before, you need to clear your cache to see this update. I’d really appreciate it if you could update your post to reflect this change.
Works like a charm, giving it 5 stars!
Thanks Gilles! Regarding the comment in the post:
I agree. I will try and sort that out for the next release – I’d also like it to be able to scroll vertically too, so look out for those features in the next week or so.
Doesn’t this just try to re-create the marquee tag? Why reinvent the wheel when the marquee tag is supported by IE and Firefox.
Jordan – that’s what I thought too but this is a variation on
Check out the demo and you’ll see what I mean. Nice little widget.
… but this is a variation on
(the tag was parsed in the last post)
Geez! I am just trying to type “marquee” with brackets around it!
Jordan, there are a number of benefits over the marquee, tag however the main one would be that the data does not all have to be preloaded – the component can grab pages of data from the server when required.
hi , i need a tickertape.php example please .Thanks!
new TickerTape(‘tickertape.php’, ‘myTickerTape’, 5000);