当前位置: 代码迷 >> Web前端 >> 在一定区域内向上滚动,通常用于新闻滚动 vTivker应用
  详细解决方案

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

热度:574   发布时间:2013-11-02 19:41:10.0
在一定区域内向上滚动,一般用于新闻滚动 vTivker应用

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

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

 

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

  相关解决方案