文字轮播

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

<script>
    $(document).ready(function () {
//        一开始进入，用js调整样式
        for(var i=0;i<$("ul li").length;i++){
            $("ul li").eq(i).css({top:i*18+‘px‘})
        }
    })

    setInterval("ctxtslide()",3000);   //定时器分开写
    function ctxtslide() {
        var disapear=$("ul li:first");
        var newTemp=$("ul li:first").clone();   //克隆，后面就用这个克隆的
        newTemp.css({top:($("ul li").length*18)+"px"});
        $("ul").append(newTemp);
        $("ul li").animate({"top":"-=18px"},1000,function () {
            disapear.remove();
        })
    }
</script>

文字轮播

原文：http://www.cnblogs.com/anhappy/p/7496968.html