小模块：公告滚动并暂停

时间：2010-12-21 来源：BENNY CHIA

（截图自谷姐首页）。
以下呢，咱们也来做一个。

html代码：

<div class="ann">
<div class="in">
<a href="#">公告内容一</a>
<a href="#">公告内容二</a>
</div>
</div>

css代码：

.ann{ height:20px; line-height:20px; position:relative;}
.in{ height:20px; line-height:20px; position:absolute; width:300px;}
.in a{ height:20px; line-height:20px; display:block;}

js代码

$(function(){
    annbox();
    });
function annbox(){
    var distance = 20; //移动距离，同.in的height
    var time = 3000; //显示停留时间
    var timerock = 300; //滚动间隙时间
    $(".in").animate({top:"-" + distance},timerock,function(){
        $(".in a:first").insertAfter($(".in a:last"));    //把滚动到顶部的a移到底部
        $(".in").css("top","0");
        setTimeout("annbox()",time);
        });
    }