jquery は画像のページめくり効果を実現します_jquery

复制代代码如下:

$(function($){

$.fn.changeList = 関数(オプション){

var デフォルト = {

tag : 'li', // タブ名

subName : '.utilTabSub', // サブクラス名

eventType : 'click', // イベントタイプ

番号 : 4、

showType : 'show' // エフェクトタイプを表示

},

opts = $.extend({}, デフォルト, オプション),

that = $(this),

subUl = that.find(opts.subName),

subItems = subUl.find('li'),

サイズ = 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, size);

subItems.hide();

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

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

});

});

}

};

}(jQuery));

/**

* 乱数を作成

* @param ビット: 数値

* @param max: 最大数

* @return {配列}

 */

関数 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);

} else {

い--;

続行;

}

}

return ret;

}