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>