jquery实现新闻消息滚动

html代码：
<div class="root">
<div class="mainleft">
<span>今日消息</span>
</div>
<div class="mainright">
<ul>
<li>hjkdfhkh-lkj- lkdj开发完成</li>
<li>jlhhkfsdffsdfdgfsdgsddfddst正在开发中</li>
<li>我还一直在开发中哦</li>
<li>oop马上开发完成，敬请期待</li>
</ul>
</div>
</div>

css代码：
.root{
height: .35rem;
line-height: .35rem;
border-top: .01rem solid #ccc;
font-size: .12rem;
overflow: hidden;

}
.mainleft{
float: left;
padding: 0 .1rem;
border-right: .01rem solid #ccc;
}
.mainright{
float: left;
padding: 0 .1rem;

}

js代码：
<script>
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-.35rem"
},
1000,
function() {
$(this).css({
marginTop: "0"
}).find("li:first").appendTo(this);
}
);
}
$(document).ready(function() {
setInterval('AutoScroll(".mainright")', 1800)
});
</script>