Use jQuery and ASP.NET to Build a News Ticker

Posted by: 4GuysFromRolla.com Headlines, on 30 Nov 2010 | View original | Bookmarked: 1 time(s)

Many websites display a news ticker 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 Cisco's website there is a news ticker that shows the company's 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. Cisco's 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. 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 jQuery plugin.

Read on to learn more!
Read More >

Category: Ajax | Other Posts: View all posts by this blogger | Report as irrelevant | View bloggers stats | Views: 3279 | Hits: 74

Similar Posts

  • Introducing SharePoint 2010 Training at U2U more
  • New Entity Framework Feature CTP for VS2010 Beta 2 more
  • Idle Timeouts in RIA Services Authentication more
  • Using SqlBulkCopy To Perform Efficient Bulk SQL Operations more
  • Visual Studio 2010 Beta 2 and Silverlight updates more
  • Creating a Filtering User Interface With jQuery In a Web Forms Application: Part 2 more
  • Creating a Filtering User Interface With jQuery In a Web Forms Application: Part 1 more
  • End to End MVC application more
  • A proposed introduction... more
  • Telerik Announced Official Version of Visual Style Builder for AJAX Controls more

News Categories

.NET | Agile | Ajax | Architecture | ASP.NET | BizTalk | C# | Certification | Data | DataGrid | DataSet | Debugger | DotNetNuke | Events | GridView | IIS | Indigo | JavaScript | Mobile | Mono | Patterns and Practices | Performance | Podcast | Refactor | Regex | Security | Sharepoint | Silverlight | Smart Client Applications | Software | SQL | VB.NET | Visual Studio | W3 | WCF | WinFx | WPF | WSE | XAML | XLinq | XML | XSD