首页 > 语言 > JavaScript > 正文

jquery实现图片翻页效果

2024-05-06 14:31:32
字体:
来源:转载
供稿:网友

代码如下:
$(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);

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选