A nice vertical scrolling news ticker plugin using jQuery
Almost all modern web browsers supports this plugin. Hence you won’t have to worry about compatibility.
The tutorial contains one one html file and one js files including jQuery plugin.
Now we need to create a DIV [ ID: newsticker ] element where we place our content to be scrolled.
<div id="newsticker"> Now each individual news to be placed inside a DIV element having class='news' <div style="top: 101px;" class="news"> <div class="history"> <div class="circle-outer"><div><span>March 29, 2012</span></div> </div> </div> <div class="description"><h1> <a href="itswadesh.wordpress.com/2012/03/29/facebook-type-vertical-navigation-menu-created-with-jquery/"> Facebook type vertical navigation</a> </h1> <div> This amazing technology of facebook is now been adopted by many other websites... </div> </div> </div>
If you wish to have dynamically loaded content from database in your news ticker, simply pur your database result inside a div having class name as ‘news’.
This is an update to the older post: Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite