<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>
 

文字輪播