【js与jquery】www.zhen.com首页顶部最新更新文章的循环滚动效果

<div class="xxbt" id="announ">
	<ul>
		<li>
			<a href="#" target="_blank">现代劳恩斯Coupe发现代劳恩斯Coupe发布</a>
			<a href="#" target="_blank">YOKA改版现代劳恩斯Coupe发有奖调查</a>
			<a href="#" target="_blank">现代劳恩现代劳恩斯Coupe发斯Coupe发布</a>
			<a href="#" target="_blank">YOKA改版有现代劳恩斯Coupe发奖调查</a>
		</li>
	</ul>
</div>

/*
1.display:block		块结构，每一块儿都单独占据一行
2.height:30px		块儿高度，超出这个高度的内容被隐藏，超出隐藏属性：overflow:hidden	
3. .xxbt a {color:#343434;width:190px;height:30px;display:block;}		display:block	每个<a>标签都是一块儿，都单独占据一行
4.width:190px		块儿的固定宽度
*/
 .xxbt {display:block;float:left;color:#343434;width:190px;height:30px;overflow:hidden;}
 .xxbt a {color:#343434;width:190px;height:30px;display:block;}

效果如下：