首页 / 脚本样式 / JavaScript / jquery实现图片翻页效果

复制代码 代码如下:
$（function（$）{

    $.fn.changeList = function（options）{

        var defaults = {

                    tag : "li", // tab name

                    subName : ".utilTabSub", // sub class name

                    eventType : "click", // event type

                    num : 4,

                    showType : "show" // show effect type

                },

                opts = $.extend（{}, defaults, options）,

                that = $（this）,

                subUl = that.find（opts.subName）,

                subItems = subUl.find（"li"）,

                size = subItems.length,

                liW = subItems.outerWidth（true）,

                ulW = liW * size,

                page = size + 1,

                n = opts.num,

                randNum = 0,

                m = 0;

        if（size > 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））;

/**

 * create Random number

 * @param bit: number

 * @param max: max number

 * @return {Array}

 */

function mathRand（bit, max）{

    var num = 0,

            arr = [],

            ret = [];

    for（var i=0; i<bit; i++）{

        num = Math.floor（Math.random（） * max）;

        if（$.inArray（num, ret） == -1）{

            ret.push（num）;

        } else {

            i--;

            continue;

        }

    }

    return ret;

}