直接懟功能代碼：

這是第一種從下出現的方法：

var time;//聲明定時器變量
clearInterval(time);//初始清除定時器
time = setInterval(function() {//創建定時器
    var $ul = $("#gg");//利用jquery獲取公告的ul
    $ul.animate(3000,function(){//給ul動畫，3s
        $ul.append($ul.find("li:first"));//將獲取到的第一個li添加到ul的最後
        $ul.find("li:nth-child(3)").hide();//因為我定義公告為3行，第三行出現要有個隱藏顯示的動畫，所以先隱藏第3行的li
 

        $ul.find("li:nth-child(3)").fadeIn(1000);//1s內顯示第三行的li
    });
},3000);//沒3s執行一次定時器

這是第二種從上出現的方法：

$(function(){
    var scrtime;
    $("#quotation").hover(function(){//鼠標放到公告的區域不再滾動
        clearInterval(scrtime);//清除定時器

    },function(){
        scrtime = setInterval(function(){//創建定時器
            var $ul = $("#quotation ul");
            /*獲取到ul下的最後一個li
 
*/
            var liHeight = $ul.find("li:last").height();
            $ul.animate({marginTop : liHeight + 35 + "px"},1000,function(){
                $ul.find("li:last").prependTo($ul)//把獲取到的li添加到ul的最前面
                $ul.find("li:first").hide();//最後一個li隱藏
                $ul.css({marginTop:0});//ul位置不變
                $ul.find("li:first").fadeIn(1000);//在1s內把添加到第一個位置的li漸漸顯示出來
 

            });
        },4000);//每4s執行一次

    }).trigger("mouseleave");//觸發元素quotation的mouseleave事件
});

公告信息滾動功能