首页 > 程序开发 > web前端 > JavaScript >

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

2013-11-05

js和css文件请到演示页面查看源码在一定区域内向上滚动,一般用于新闻滚动 vTivker应用演示JavaScript Code<script> $(function() { $(& 39; scroller_left& 39;) vTicker({ speed: 500,

js和css文件请到演示页面查看源码
在一定区域内向上滚动,一般用于新闻滚动 vTivker应用
演示
JavaScript Code
<script>
$(function() {
$(&#39;#scroller_left&#39;).vTicker({
speed: 500, //滚动速度,单位毫秒。
pause: 3000, //暂停时间,就是滚动一条之后停留的时间,单位毫秒。
showItems: 1, //显示内容的条数。
animation: &#39;fade&#39;, //动画效果,默认是fade,淡出,不想要就删除,硬切。
mousePause: true, //鼠标移动到内容上是否暂停滚动,默认为true。
height:29, //滚动内容的高度。
direction: &#39;up&#39; //滚动的方向,默认为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>
相关文章
最新文章
热点推荐