首页>>Jquery文字>>在一定区域内向上滚动,一般用于新闻滚动 vTivker应用(2013-10-26)

在一定区域内向上滚动,一般用于新闻滚动 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