jquery實現圖片翻頁效果_jquery

複製代碼代碼如下：

$(function($){

    $.fn.changeList = 函數（選項）{

        var 預設值 = {

                    tag : 'li', // 標籤名稱

                    subName : '.utilTabSub', //子類別名稱

                    eventType : 'click', // 事件類型

                    編號：4，

                    而作用型 : 'show' // 顯示效果類型

                },

                opts = $.extend({}, 預設值, 選項),

                則 = $(this),

                subUl = that.find(opts.subName),

                subItems = subUl.find('li'),

                size = subItems.length,

                liW = subItems.outerWidth(true),

                ulW = liW * 大小，

                頁 = 尺寸 1，

                n = opts.num,

                randNum = 0,

                m = 0;

 

        if(大小 > n){

            that.find(opts.tag)[opts.eventType](function() {

                randNum = mathRand(n, 大小);

                subItems.hide();

                $.each(randNum, function (i, el) {

                    subItems.eq(el).fadeIn(800);

                });

            });

        }

    };

}(jQuery));

 

/**

 * 建立隨機數

 * @param 位元：數字

 * @param max：最大數量

 * @return {Array}

 */

函數 mathRand(bit, max){

    var num = 0,

            arr = [],

            ret = [];

    for(var i=0; i

        num = Math.floor(Math.random() * max);

        if($.inArray(num, ret) == -1){

            ret.push(num);

        } 其他 {

            我--；

            續；

        }

    }

    回 ret;

}