Jquery设置标题的自动翻转

原文：http://www.verydemo.com/demo_c110_i28820.html

　　我们平时在开发web程序的时候，想把一个新闻源滚动显示新闻的条目的标题及内容摘要，而且是每次一条，有点类似csdn的滚动广告。即一条新闻滚进视图之后，会暂停几秒钟，然后继续向上2滚动，淡出视图，同时，下一条新闻接着滚入视图。这次主要是用jquery来开发这个功能，里面肯定有许多不足之处，欢迎大家点评。

　　先粘贴一下代码，

　　　　<style>
　　　　　<%--　　　#news-feed
　　　　　　　　{
　　　　　　　　　　　　padding:　0;
　　　　　　　　　　　　margin:　0　0　0　10px;
　　　　　　　　　　　　position:　relative;
　　　　　　　　　　　　height:　200px;
　　　　　　　　　　　　width:　17em;
　　　　　　　　　　　　overflow:　hidden;
　　　　　　　　}
　　　　　　　　.headline
　　　　　　　　{
　　　　　　　　　　　　position:　absolute;
　　　　　　　　　　　　height:　200px;
　　　　　　　　　　　　top:　210px;
　　　　　　　　　　　　overflow:　hidden;
　　　　　　　　}--%>
　　　　</style>
　　　　<script　type="text/javascript">
　　　　　　　　　$(document).ready(function()　{
　　　　　　　　　　　$('#news-feed').each(function()　{
　　　　　　　　　　　　　var　$container　=　$(this);
　　　　　　　　　　　　　$container.empty();
　　　　　　　　　　　　　$.get('feed.xml',　function(data)　{
　　　　　　　　　　　　　　　$('rss　item',　data).each(function()　{
　　　　　　　　　　　　　　　　　var　$link　=　$('<a></a>')
　　　　　　　　　　　　　　　　　　　.attr('href',　$('link',　this).text())
　　　　　　　　　　　　　　　　　　　.text($('title',　this).text());
　　　　　　　　　　　　　　　　　var　$headline　=　$('<h4></h4>').append($link);
　　　　　　　　　
　　　　　　　　　　　　　　　　　var　pubDate　=　new　Date($('pubDate',　this).text());
　　　　　　　　　　　　　　　　　var　pubMonth　=　pubDate.getMonth()　+　1;
　　　　　　　　　　　　　　　　　var　pubDay　=　pubDate.getDate();　<…………………………………………………………………………