jQuery 实现文字逐条向上无缝滚动

<div id="news-container1">

<ul>

<li>News content1</li>

<li>News content2</li>

<li>News content3</li>

<li>News content4</li>

<li>News content5</li>

</ul>

</div>

<div style="overflow: hidden; position: relative; height: 114px;" id="news-container">

<ul style="position: absolute; margin: 0pt; padding: 0pt; top: 0px;">

<li>

<div> 4) jugbit.com jquery vticker more info more info more info more info more info </div>

</li>

<li>

<div> 1) Lorem ipsum dolor sit amet, porta at, imperdiet id neque. more info </div>

</li>

<li>

<div> 2) Lorem ipsum dolor sit amet, consectetur adipiscing elit. more info </div>

</li>

<li>

<div> 3) Lorem ipsum dolor sit amet more info more info more info more info </div>

</li>

</ul>

</div>

<script src="https://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>

<script src="下方下载/jquery.vticker-min.js"></script>

<script type="text/javascript">

$(function(){

    $('#news-container').vTicker({

        speed: 500,

        pause: 2000,

        animation: 'fade',

        mousePause: false,

        showItems: 3

    });

});

</script>