介绍一个垂直滚动的jQuery插件,vTicker

vTicker是一款垂直滚动的jQuery插件,支持多种浏览器,并能够自动调整滚动内容的高度。该插件不仅适用于文字滚动,还可以用于图片展示。通过简单的配置选项如滚动速度、暂停时间等,可以轻松实现内容的垂直滚动效果。
摘要由CSDN通过智能技术生成
介绍一个垂直滚动的jQuery插件,vTicker,小巧玲珑,且各种浏览器兼容的很好,经测试,通吃。而且,每次滚动一条,不管这一条是单行还是多行,插件会自动计算一条的高度。另外,不只是能滚动文字哦,你把文字换成图片也是OK的。点击下面的阅读全文按钮查看演示。
HTML:
1 <div class="advice_list" id="scroller">
2     <ul>
3         <li>春花秋月何时了,往事知多少。</li>
4         <li>小楼昨夜又东风,故国不堪回首月明中。</li>
5         <li>雕栏玉砌应犹在,只是朱颜改。</li>
6         <li>问君能有几多愁,恰似一江春水向东流。</li>
7     </ul>
8 </div>
Javascript:
01 $(function() {
02     $('#scroller').vTicker({
03     speed: 500,     //滚动速度,单位毫秒。
04     pause: 3000,        //暂停时间,就是滚动一条之后停留的时间,单位毫秒。
05     showItems: 10,      //显示内容的条数。
06     animation: 'fade',  //动画效果,默认是fade,淡出。
07     mousePause: true,   //鼠标移动到内容上是否暂停滚动,默认为true。
08     height: 235,        //滚动内容的高度。
09     direction: 'up'     //滚动的方向,默认为up向上,down则为向下滚动。
10     });
11 });
兼容性:
IE6+/Chrome/Firefox/Opera/Safari全系列通吃。
作者页面:
http://www.jugbit.com/jquery-vticker-vertical-news-ticker/
效果演示:
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值