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

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

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

演示

 

JavaScript Code

  </span></li> 
      <li style="color:#aa0000;"><span style="color:#000000;">$(<span class="keyword" style="color:#0000FF;font-weight:bold;">function</span><span>() {  </span></span></li> 
      <li class="alt" style="color:#aa0000;"><span style="color:#000000;">        $(<span class="string" style="color:#0000FF;">'#scroller_left'</span><span>).vTicker({  </span></span></li> 
      <li style="color:#aa0000;"><span style="color:#000000;">        speed: 500,             <span class="comment" style="color:#008000;">//滚动速度，单位毫秒。</span><span>  </span></span></li> 
      <li class="alt" style="color:#aa0000;"><span style="color:#000000;">        pause: 3000,            <span class="comment" style="color:#008000;">//暂停时间，就是滚动一条之后停留的时间，单位毫秒。</span><span>  </span></span></li> 
      <li style="color:#aa0000;"><span style="color:#000000;">        showItems: 1,           <span class="comment" style="color:#008000;">//显示内容的条数。</span><span>  </span></span></li> 
      <li class="alt" style="color:#aa0000;"><span style="color:#000000;">        animation: <span class="string" style="color:#0000FF;">'fade'</span><span>,      </span><span class="comment" style="color:#008000;">//动画效果，默认是fade，淡出，不想要就删除，硬切。</span><span>  </span></span></li> 
      <li style="color:#aa0000;"><span style="color:#000000;">        mousePause: <span class="keyword" style="color:#0000FF;font-weight:bold;">true</span><span>,       </span><span class="comment" style="color:#008000;">//鼠标移动到内容上是否暂停滚动，默认为true。</span><span>  </span></span></li> 
      <li class="alt" style="color:#aa0000;"><span style="color:#000000;">        height:29,          <span class="comment" style="color:#008000;">//滚动内容的高度。</span><span>  </span></span></li> 
      <li style="color:#aa0000;"><span style="color:#000000;">        direction: <span class="string" style="color:#0000FF;">'up'</span><span>         </span><span class="comment" style="color:#008000;">//滚动的方向，默认为up向上，down则为向下滚动。</span><span>  </span></span></li> 
      <li class="alt" style="color:#aa0000;"><span style="color:#000000;">        });  </span></li> 
      <li style="color:#aa0000;"><span style="color:#000000;">  </span></li> 
      <li class="alt" style="color:#aa0000;"><span style="color:#000000;">});  </span></li> 
      <li style="color:#aa0000;"><span style="color:#000000;">

 

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>

 

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