jquery는 이미지 페이지 넘기기 effect_jquery를 달성합니다.

复主代码 代码如下:

$(function($){

    $.fn.changeList = 기능(옵션){

        var 기본값 = {

                   태그 : 'li', // 탭 이름

                   하위 이름 : '.utilTabSub', // 하위 클래스 이름

                   eventType : 'click', // 이벤트 유형

                   개수 : 4,

                   showType : 'show' // 효과 유형 표시

                },

                opts = $.extend({}, 기본값, 옵션),

                that = $(this),

                subUl = that.find(opts.subName),

                하위 항목 = 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, 크기);

                subItems.hide();

                $.each(randNum, 함수 (i, el) {

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

                });

            });

        }

    };

}(jQuery));

 

/**

 * 임의의 숫자 생성

 * @param 비트: 숫자

 * @param max: 최대 수

 * @return {배열}

 */

함수 mathRand(비트, 최대){

    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 {

            나--;

            계속;

        }

    }

    반품 ret;

}