jQuery演示三种文字垂直滚动

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

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.erdangjiade.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.erdangjiade.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);
    }
});