jQuery演示三种文字垂直滚动

分享一个垂直滚动的效果,和其他的新闻或者文章向上滚动jQuery效果稍微有点不一样，看DEMO就知道啦，若是觉得素材圈好的朋友们，请发给你们的同事或朋友，我们将继续努力，当然点下面的广告也行，点了也不会怀孕，对不对。

淘建站为您提供更多_文字特效_文字滚动_垂直滚动_文字滚动，在此特别感谢您对我们的支持与厚爱！

HTML

首先我们在.demo1加入几篇文章

<ul class="demo1">
    <li class="news-item">
        <table cellpadding="4">
            <tr>
                <td><img src="images/1.png" width="60" class="img-circle" /></td>
                <td>jQuery仿ace添加标签 <a href="http://www.sucaiq.com/js/214.html">Read more...</a></td>
            </tr>
        </table>
    </li>
    <li class="news-item">
        <table cellpadding="4">
            <tr>
                <td><img src="images/2.png" width="60" class="img-circle" /></td>
                <td>BreakingNews演示3种间歇滚动效果  <a href="http://www.sucaiq.com/js/226.html">Read more...</a></td>
            </tr>
        </table>
    </li>
</ul>

jQuery

$(".demo1").bootstrapNews({
    newsPerPage: 5,
    autoplay: true,
    pauseOnHover: true,
    direction: 'up',
    newsTickerInterval: 4000,
    onToDo: function() {
        //console.log(this);
    }
});