在一定区域内向上滚动,一般用于新闻滚动 vTivker应用
js和css文件请到演示页面查看源码
![在一定区域内向上滚动,一般用于新闻滚动 vTivker应用 在一定区域内向上滚动,一般用于新闻滚动 vTivker应用](https://i-blog.csdnimg.cn/blog_migrate/41aab69832fb46b179b402de976e6a44.jpeg)
JavaScript Code
- <script>
- $(function() {
- $('#scroller_left').vTicker({
- speed: 500, //滚动速度,单位毫秒。
- pause: 3000, //暂停时间,就是滚动一条之后停留的时间,单位毫秒。
- showItems: 1, //显示内容的条数。
- animation: 'fade', //动画效果,默认是fade,淡出,不想要就删除,硬切。
- mousePause: true, //鼠标移动到内容上是否暂停滚动,默认为true。
- height:29, //滚动内容的高度。
- direction: 'up' //滚动的方向,默认为up向上,down则为向下滚动。
- });
- });
- </script>
XML/HTML Code
- <div style="width:235px;">
- <div class="stitle_back"><span class="stitle">岳飞《满江红》</span></div>
- <div class="frame_left">
- <div class="advice_list" id="scroller_left">
- <ul>
- <li>怒发冲冠,凭栏处,潇潇雨歇。</li>
- <li>抬望眼,仰天长啸,壮怀激烈。</li>
- <li>三十功名尘与土,八千里路云和月。</li>
- <li>莫等闲,白了少年头,空悲切。</li>
- <li>靖康耻,犹未雪,臣子恨,何时灭?驾长车,踏破贺兰山缺。</li>
- <li>壮志饥餐胡虏肉,笑谈渴饮匈奴血。待从头,收拾旧山河,朝天阙!</li>
- <li>怒发冲冠,凭栏处,潇潇雨歇。</li>
- <li>抬望眼,仰天长啸,壮怀激烈。</li>
- <li>三十功名尘与土,八千里路云和月。</li>
- <li>莫等闲,白了少年头,空悲切。</li>
- <li>靖康耻,犹未雪,臣子恨,何时灭?驾长车,踏破贺兰山缺。</li>
- <li>壮志饥餐胡虏肉,笑谈渴饮匈奴血。待从头,收拾旧山河,朝天阙!</li>
- <li>怒发冲冠,凭栏处,潇潇雨歇。</li>
- <li>抬望眼,仰天长啸,壮怀激烈。</li>
- <li>三十功名尘与土,八千里路云和月。</li>
- <li>莫等闲,白了少年头,空悲切。</li>
- <li>靖康耻,犹未雪,臣子恨,何时灭?驾长车,踏破贺兰山缺。</li>
- <li>壮志饥餐胡虏肉,笑谈渴饮匈奴血。待从头,收拾旧山河,朝天阙!</li>
- </ul>
- </div>
- </div>
- </div>