jquery实现新闻消息滚动

来源:互联网 发布:出柜后父母反对知乎 编辑:程序博客网 时间:2024/05/16 13:25
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>