jquery 文字上下滚动效果的代码

发布时间:2020-10-12编辑:脚本学堂
分享一例jquery实现的文字上下滚动的代码,有需要的朋友参考下。

jquery实现文字上下滚动的效果,如下图:
jquery实现文字的上下滚动

完整代码:
 

复制代码 代码示例:
<html>
<title>jQuery插件版文字轮流滚动_http://www.jb200.com</title>
<body>
<script language="javascript" type="text/javascript" src="/images/jquery1.5.2.js"></script>
<script>
    function scroll_news(){
    $(function(){
    $('#dvmq li').eq(0).fadeOut('slow',function(){
    //   alert($(this).clone().html());
    //克隆:不用克隆的话,remove()就没了。
    $(this).clone().appendTo($(this).parent()).fadeIn('slow');
    $(this).remove();
    });
    });
    }
    setInterval('scroll_news()',1000);
</script>
<div id="dvmq" style="width:363px; height: 32px;" >
<ul>
<li>1,one</li>
<li>2,two</li>
<li>3,three</li>
<li>4,我走一步,停一停!</li>
</ul>
</div>
</body>
</html>