实现单行文字向上滚动!

jquery 单行文字向上滚动!

一、css代码

.scrollDiv{height: 25px;line-height: 25px;border: 1px solid #ccc;overflow: hidden;}
.scrollDiv li{height: 25px;padding-left:10px;}
ul{list-style: none;}

二、html代码

<div id="scrollDiv" class="scrollDiv">
	<ul>
		<li><a href="#">有些话你选择不对他说</a></li>
		<li><a href="#">他说某种脆弱 我才感同身受</a></li>
		<li><a href="#">我永远都愿意当个听众</a></li>
		<li><a href="#">安慰你的痛 保护着你从始至终</a></li>
		<li><a href="#">就当你的爱属于他了</a></li>
	</ul>
</div>

三、jquery特效

function scrollObj(obj){
	$(obj).find("ul:first").animate({
		marginTop:'-25px'
	},500,function(){
		$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
	});
}
$(document).ready(function(){
	setInterval('scrollObj("#scrollDiv")',3000);
});