-
Jan
18thA jQuery Horizontal Scrolling News Ticker
Gian Carlo Mingati has made life particularly easy for you if you are in search for a simple to implement, yet powerful and customizable side-scrolling (in other words horizontal) news ticker widget.His liScroll jQuery plugin takes any old unordered (ul) list with a unique ID and transforms it into a simple side-scrolling news ticker that has a variable speed control and also actually pauses on mouseover events, making navigation from the bar particularly easy.
To use his creation, simply do the following:
First create your necessary markup, e.g.:
- 10/10/2007The first thing ...
- 10/10/2007End up doing is ...
- 10/10/2007The code that you ...
Next, apply the jQuery magic to it:
$(function(){ $("ul#ticker01").liScroll(); });That’s it, all done. And if you want to control the scroll speed, simply modify the travelocity parameter as follows:
$(function(){ $("ul#ticker02").liScroll({travelocity: 0.15}); });You can grab Gian’s useful bit of code here: http://bit.ly/hNelh
Note: Don’t forget to copy off the required liScroll style declarations embedded in the demo page. Without them the ticker won’t actually work – which leads to a lot of unnecessary frustration I tell you! ;)
Related Link: http://bit.ly/hNelh
- ‹ How to Store Decimal Currency Values in MySQLMore Marvel T-Shirt Geekery! ›
Related Posts:
If for instance you have just used a jQuery selector to grab a whole lot of objects and now realize that in actual fact you only want to effect the first object that the selector returned to you, you can rest easy in the knowledge that jQuery as per usual has you covered. Now jQuery 1.4 has gone and simplified the ...
You'll often find yourself using frameworks that may be running a number of different javascript libraries such as MooTools, jQuery and ProtoType (depending on the various involved developers' plugin preferences of course), which leaves you with the interesting quandry of what to do with the shared $ variable tha ...
Widget styling is a long, laborious and tedious job for the most part, which is exactly why it is so great that the guys behind jQuery UI came up with the ThemeRoller concept which basically enforces a strict set of rules in terms of generic widget class styling. As a bonus, the awesome jQuery DataTables plugin (w ...
Disabling a button on a webpage using jQuery is remarkable simple - just set the selected button's disabled attribute to true, in other words, make use of a .attr('disabled',true) function call. This can then obviously be extended to disabling all buttons on a webpage using the following snippet of code: $('input[ ...
Loading and playing an Ogg or MP3 file using jQuery has just become easy, thanks to the very customizable and functional jPlayer jQuery plugin, brainchild of Happyworm's Mark Boas and Mark Panaghiston. Simply put, jPlayer is a plugin that allows you to play and control audio files on a webpage, create and style an ...
Pingback: Top 15 jQuery Scrolling Plugins | jQuery4u