源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery实现图片翻页效果

  • 时间:2021-03-28 04:32 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery实现图片翻页效果
[u]复制代码[/u] 代码如下:
$(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; }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部