在一定区域内向上滚动,一般用于新闻滚动 vTivker应用

js和css文件请到演示页面查看源码

JavaScript Code

1. <script>
2. $(function() {
3. $('#scroller_left').vTicker({
4. speed: 500, //滚动速度，单位毫秒。
5. pause: 3000, //暂停时间，就是滚动一条之后停留的时间，单位毫秒。
6. showItems: 1, //显示内容的条数。
7. animation: 'fade', //动画效果，默认是fade，淡出，不想要就删除，硬切。
8. mousePause: true, //鼠标移动到内容上是否暂停滚动，默认为true。
9. height:29, //滚动内容的高度。
10. direction: 'up' //滚动的方向，默认为up向上，down则为向下滚动。
11. });
13. });
14. </script>

XML/HTML Code

1. <div style="width:235px;">
2. <div class="stitle_back"><span class="stitle">岳飞《满江红》</span></div>
3. <div class="frame_left">
4. <div class="advice_list" id="scroller_left">
5. <ul>
6. <li>怒发冲冠，凭栏处，潇潇雨歇。</li>
7. <li>抬望眼，仰天长啸，壮怀激烈。</li>
8. <li>三十功名尘与土，八千里路云和月。</li>
9. <li>莫等闲，白了少年头，空悲切。</li>
10. <li>靖康耻，犹未雪，臣子恨，何时灭？驾长车，踏破贺兰山缺。</li>
11. <li>壮志饥餐胡虏肉，笑谈渴饮匈奴血。待从头，收拾旧山河，朝天阙！</li>
12. <li>怒发冲冠，凭栏处，潇潇雨歇。</li>
13. <li>抬望眼，仰天长啸，壮怀激烈。</li>
14. <li>三十功名尘与土，八千里路云和月。</li>
15. <li>莫等闲，白了少年头，空悲切。</li>
16. <li>靖康耻，犹未雪，臣子恨，何时灭？驾长车，踏破贺兰山缺。</li>
17. <li>壮志饥餐胡虏肉，笑谈渴饮匈奴血。待从头，收拾旧山河，朝天阙！</li>
18. <li>怒发冲冠，凭栏处，潇潇雨歇。</li>
19. <li>抬望眼，仰天长啸，壮怀激烈。</li>
20. <li>三十功名尘与土，八千里路云和月。</li>
21. <li>莫等闲，白了少年头，空悲切。</li>
22. <li>靖康耻，犹未雪，臣子恨，何时灭？驾长车，踏破贺兰山缺。</li>
23. <li>壮志饥餐胡虏肉，笑谈渴饮匈奴血。待从头，收拾旧山河，朝天阙！</li>
24. </ul>
25. </div>
26. </div>
27. </div>

原文地址:http://www.freejs.net/article_jquerywenzi_74.html