发布于 2016-09-28 07:04:15 | 105 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的jQuery示例，程序狗速度看过来！

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。

---

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;

}