jquery實(shí)現(xiàn)圖片翻頁(yè)效果
$(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方法代碼實(shí)例(全選、反選、全不選)
這篇文章主要介紹了JQuery選中checkbox方法代碼實(shí)例(全選、反選、全不選),本文直接給出代碼實(shí)例,需要的朋友可以參考下2015-04-04jQuery結(jié)合Json提交數(shù)據(jù)到Webservice,并接收從Webservice返回的Json數(shù)據(jù)
簡(jiǎn)單的Json數(shù)據(jù)提交,后臺(tái)結(jié)合asp.net,需要的朋友可以參考下。2011-02-02jQuery插件zTree實(shí)現(xiàn)清空選中第一個(gè)節(jié)點(diǎn)所有子節(jié)點(diǎn)的方法
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)清空選中第一個(gè)節(jié)點(diǎn)所有子節(jié)點(diǎn)的方法,涉及jQuery樹(shù)形插件zTree針對(duì)節(jié)點(diǎn)的遍歷與移除相關(guān)操作技巧,需要的朋友可以參考下2017-03-03jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項(xiàng)對(duì)象
這篇文章主要介紹了jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項(xiàng)對(duì)象的相關(guān)資料,需要的朋友可以參考下2016-01-01實(shí)例詳解jQuery表單驗(yàn)證插件validate
validate插件是一個(gè)基于jquery的表單驗(yàn)證插件了里面有許多的常用的一些驗(yàn)證方法我們可以直接調(diào)用,具體的我們一起來(lái)看看2016-01-01