基于jquery的文字向上跑動類似跑馬燈的效果

    想實現(xiàn)一個類似跑馬燈的效果,發(fā)現(xiàn)跑馬燈有空格.效果也不美觀,于是用jquery寫了個
    頁面代碼
    <div>
    <ul>
    <li>
    恭喜187****5204獲得1000RBM
    </li>
    <li>
    恭喜137****1372獲得1000RBM
    </li>
    <li>
    恭喜156****0276獲得1000RBM
    </li>
    <li>
    恭喜139****9856獲得1000RBM
    </li>
    <li>
    恭喜136****0580獲得1000RBM
    </li>
    <li>
    恭喜136****0580獲得1000RBM
    </li>
    <li>
    恭喜138****8118獲得1000RBM
    </li>
    <li>
    恭喜136****5555獲得1000RBM
    </li>
    <li>
    恭喜136****0580獲得1000RBM
    </li>
    <li>
    恭喜136****0580獲得1000RBM
    </li>
    </ul>
    </div>
    js代碼
    /*自動輪換xuyw*/
    var AutoScroll = function(a) {
    $(a).find("ul:first").animate( {
    marginTop : "-20px"
    }, 500, function() {
    $(this).css( {
    marginTop : "0px"
    }).find("li:first").appendTo(this)
    })
    }
    if ($(".recordList ul li").length > 0) {
    setInterval('AutoScroll(".recordList")', 2000)
    } else {
    $(".recordList").hide()
    }