|
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.
|