<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
var newsArray=["小加索尔致胜球恍回08奥运 第一中锋白熊当之无愧 ",
"雷霆告别开启今夏交易大幕:8人大筹码 特赦帕金斯",
"有仇必报灰熊惹不起 连续两轮下克上创队史新纪录",
"ESPN:伊巴卡哈登谁该交易? 康利是联盟前十控卫",
"盖伊离开竟让灰熊脱胎换骨 ESPN:这是笔正确交易",
"KD:16投不中失利难以下咽 经历风雨才能看见阳光",
"主帅:为我的队而骄傲 关键三分有100次机会全给KD",
"两罚不中酿险情黑熊赛后爆粗口 兰多夫:我想要戒指",
"毛巾帝谈尴尬囧镜头 阿伦:被教练骂脑袋像屁股样"]
var newsLength=newsArray.length;
var newsInterval=2000; //定义多长时间抓取标题并放到新武器中
$('h1').after('<ul id="news-feed"></ul>'); //添加无序类表
for(i=0;i<newsLength;i++){
$('#news-feed').append('<li>'+newsArray[i]+'</li>'); //历遍标题,并用li将标题包裹起来;
function slideHeadline(){
$('#news-feed li:last').clone().prependTo('#news-feed').css('display','none');//选中最后一个li克隆他并将克隆到的li添加到最前面并隐藏;
$('#news-feed li:first').fadeIn(1000).slideDown(500); //选中克隆的元素让他滑动的显示出来;
$('#news-feed li:last').remove(); //删除最后一项;
}
}
setInterval(slideHeadline,newsInterval)
})
</script>
</head>
<body>
<h1>jQuery Latest News</h1>
</body>
</html>