当前位置:编程学习 > JAVA >>

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

js和css文件请到演示页面查看源码
在一定区域内向上滚动,一般用于新闻滚动 vTivker应用
演示
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>  
 
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,