首頁 > web前端 > js教程 > 主體

jQuery簡單滾動插件

高洛峰
發布: 2016-11-25 13:46:15
原創
1478 人瀏覽過

/**

* 滾動廣告(鏈接)插件

*

* 因網站需要寫了這個"jq插件",我也不清楚符不符合jq插件的標準,反正是能用了^^^

*

* 顯示清單項目時使用的效果是jq的fadeIn,如果想自訂這個行為,執行以下程式碼

*     rollbar.setShowHandler(function(currentItem){}); 

* 物件實例

*

* 透過呼叫$.rollbar.get(containerId)  取得與此containerId(不需要#)綁定的rollbar,如果不存在,則傳回null

*

* 使用方法: * $(function(){            

   

    // 參數意義: "rollbar" ->    -> 列表項目的class(如

  • )

        //           3000     ->> 滾動時間間隔,單位毫秒   將包含此class

        var rollbar = $.rollbar.start("rollbar","item","current",3000);  // 呼叫之後,滾動就啟動了

       

    -  ).click(function(){

            rollbar.prev();    // 顯示上一條

        });          rollbar. next(); // 顯示下一則

        });

       

        $(".rollbar-item-a").each(function(){p

                rollbar.stop(); //            });        $(this).mouseout(function(){

                rollbar.restart(); // 開始捲動

       ;

     });

    *

    * 作者:pcenshao

    * 網址:http://www.todayx.org(歷史上的今天)

    * 首頁:http://hi.csdn.net/hi.csdn.net/ pywepe

    * 信箱:pcenshao@qq.com

    */

     

    注意: 既然是jQuery的"插件" ,自然是依賴jQuery的

  • 相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板