基于jquery的文字向上跑动

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家，也给大家做个参考。

    <div class="recordList">  
                            <ul class="tpl-rotate-recordList" style="margin-top: 0px;">  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜187****5204获得1000RBM  
                                </li>  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜137****1372获得1000RBM  
                                </li>  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜156****0276获得1000RBM  
                                </li>  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜139****9856获得1000RBM  
                                </li>  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜136****0580获得1000RBM  
                                </li>  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜136****0580获得1000RBM  
                                </li>  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜138****8118获得1000RBM  
                                </li>  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜136****5555获得1000RBM  
                                </li>  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜136****0580获得1000RBM  
                                </li>  
                                <li class="tpl-rotate-recordList-item">  
                                    恭喜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()  
        }  

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。