jquery實現(xiàn)圖片翻頁效果
$(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;
}
相關(guān)文章
JQuery選中checkbox方法代碼實例(全選、反選、全不選)
這篇文章主要介紹了JQuery選中checkbox方法代碼實例(全選、反選、全不選),本文直接給出代碼實例,需要的朋友可以參考下2015-04-04jQuery結(jié)合Json提交數(shù)據(jù)到Webservice,并接收從Webservice返回的Json數(shù)據(jù)
簡單的Json數(shù)據(jù)提交,后臺結(jié)合asp.net,需要的朋友可以參考下。2011-02-02jQuery插件zTree實現(xiàn)清空選中第一個節(jié)點所有子節(jié)點的方法
這篇文章主要介紹了jQuery插件zTree實現(xiàn)清空選中第一個節(jié)點所有子節(jié)點的方法,涉及jQuery樹形插件zTree針對節(jié)點的遍歷與移除相關(guān)操作技巧,需要的朋友可以參考下2017-03-03jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項對象
這篇文章主要介紹了jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項對象的相關(guān)資料,需要的朋友可以參考下2016-01-01