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

jquery實現圖片翻頁效果_jquery

WBOY
發布: 2016-05-16 17:07:34
原創
1081 人瀏覽過

複製代碼代碼如下:

$(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;

}

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!