Use jQuery and ASP.NET to Build a News Ticker

EDN Admin

Well-known member
Joined
Aug 7, 2010
Messages
12,794
Location
In the Machine
Many websites display a <i>news ticker</i> of one sort or another. A news ticker is a user interface element that displays a subset of a list of items, cycling through
them one at a time after a set interval. For example, on http://www.cisco.com Ciscos website there is a news ticker that shows the companys latest news
items. Each news item is a one sentence link, such as "Desktop Virtualization Gathers Steam," or "Cisco Reports First Quarter Earnings." Clicking a headline
whisks you to a page that shows the full story. Ciscos news ticker shows one headline at a time; every few seconds the currently displayed headline fades out and the
next one appears. In total, Cisco has five different headlines - the ticker displays each of the five and then starts back from the beginning.

This article is the first in a series that explores how to create your own news ticker widget using jQuery and ASP.NET. http://jquery.com/ jQuery is a
free, popular, open-source JavaScript library that simplifies many common client-side tasks, like event handling, DOM manipulation, and Ajax. This article kicks off
the series and shows how to build a fairly simple news ticker whose contents can be specified statically in HTML markup or created dynamically from server-side code.
Future installments will explore adding bells and whistles, such as: stopping the news ticker rotation when the mouse is hovered over it; adding controls to start,
stop and pause the headlines; loading new headlines dynamically using Ajax; and packaging the JavaScript used by the ticker into a
http://plugins.jquery.com/ jQuery plugin .

Read on to learn more!

http://www.4guysfromrolla.com/articles/120110-1.aspx" class="readmore Read More >

View the full article
 
Back
Top