Search Web:


WHAT'S NEW
Create a Color Scheme
Scrolling RSS Feed
Esposito Chronicles
WM3 Email Campaign
White Paper Examples
UI Navigation Examples
Web-Based Virus Alerts
 
SURVEY SAYS!
Question:
How much longer will the US be in Iraq?




 
Scrolling RSS Sports Feed from ESPN

NHL Highlights from NHL.com
  About This Example
This example uses ASP and dynamic HTML to generate a continuous and seamless news scroller. The content is provided from an ESPN RSS feed.

The Microsoft.XMLHTTP object is used to retrieve the latest XML feed from ESPN. The content is then parsed to generate a JavaScript array that contains only the article name and article link.

The JavaScript array is then used to populate two <DIV> tags with identical, formatted content. These <DIV> tags display content within a "master" <DIV> tag, which is clipped to display content only as it scrolls through this tag. Once the content within the first <DIV> completely passes through the "master" <DIV> it is repositioned to the exact location the second <DIV> tag would be, creating a repeating, seamless list of news items.

When the cursor is moved over the "master" <DIV>, the scrolling speed slows to assist item selection. Once the cursor is removed from the marquee, the original speed is re-applied. This change in speeds are accomplished using onMouseOver and onMouseOut functions.