aspdotnet-suresh offers articles and tutorials,csharp dot net, articles and tutorials,VB.NET Articles,Gridview articles,code examples of 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery News Ticker | jQuery WebTicker Horizontal Plugin Example

Mar 5, 2013
jQuery News Ticker or jQuery WebTicker is a lightweight, stylish, easy to use and flexible. By using jQuery news ticker horizontal we can display news, notifications, recent post or other details. jQuery News Ticker or jQuery WebTicker brings a lightweight and easy to use news ticker to jQuery.
In previous posts I explained jQuery Highlight gridview rows on mouseover, jQuery Change style of controls, jQuery upload multiple files in, jQuery Redirect to another page after some time delay and many articles relating to JQuery, Now I will explain how to use
jQuery News Ticker to display news like bbc news website tickertas shown in other websites.

Here we will use JQUERY NEWS TICKER Plugin to implement news ticker effect for text for that we need to write the code like as shown below

<html xmlns="">
<title>jQuery News Ticker</title>
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<link href="styles/ticker-style.css" rel="stylesheet" type="text/css" />
<script src="" type="text/javascript"></script>
<script src="jquery.ticker.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
<h2>jQuery News Ticker</h2>
<ul id="js-news" class="js-hidden">
<li class="news-item">Welcome to Site!</li>
<li class="news-item"> will offer many articles relating to technology!</li>
<li class="news-item">Recently trying to cover all the jQuery related articles!</li>
<li class="news-item"> has reached 7 lac + pagviews per month!</li>
<li class="news-item">New updates have been made to jQuery News Ticker! Check below for more details!</li>
<li class="news-item">Further updates please follow!</li>
If you observe above code in header section I added “jquery.ticker.js” by using this plugin we can implement new sticker effects for required elements you can get those files by downloading attached sample or you can get it from this site JQUERY NEWS TICKER


Download Sample Attached

For live demo and other details check this site JQUERY NEWS TICKER

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest,, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email


Unknown said...

thank you very very very much sir

sir i need tutorials on LINQ (linqdatasource , objectdatasource and entity datasource) so please post some tutorials on it.

Anonymous said...

how can we do this dynamically by fetch the news content from database

Unknown said...

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'ticker'

getting this error when i am trying it in asp web form with IE 10

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.