jquery實現公告翻滾效果_jquery

翻滾效果非常不錯，程式碼也很簡單，這裡就不多廢話了。

複製程式碼 程式碼如下:

//樣式檔：
       

頭部js

別忘了導入jquery庫

複製程式碼 程式碼如下:

$(function () {
                var settime;
                $(".scrollNews").hover(function () {
                    clearInterval(settime);
                }, function () {
                    settime = setInterval(function () {
                        var $first = $(".scrollNews ul:first");                                                   ‧ $first.animate({ "marginTop": -height "px" }, 600, function () { "marginTop": -height "px" }, 600, function () {
                            $first.css({ marginTop: 0 }).find("li:first").apple({ marginTop: 0 }).find("li:first").                         });
                    }, 3000);
                }).trigger("mouseleave");       //trigger()方法的功能是觸發受選取元素的製定事件類型
            });



jsp正文區

複製程式碼 程式碼如下:

　　

       

• 
              　　查詢模組選單名稱更新公告：從2015-02-09開始,查詢模組選單使用新名稱,請參考下方查詢模組新舊名稱對照表】.
             


• 
              　　查詢模組選單名稱更新公告：從2015-02-09開始,查詢模組選單使用新名稱,請參考下方查詢模組新舊名稱對照表】.
             

        

 

小夥伴們自由發揮下，應用在自己的專案中吧