欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery tab插件精簡版分享

 更新時(shí)間：2011年09月10日 21:13:31   作者：  
自己平時(shí)用得比較多tab功能，網(wǎng)上有很強(qiáng)大的tab功能，但是很多時(shí)候太過于復(fù)雜，所以自己寫了一個(gè)最簡單的jquery插件，代碼如下，就不解釋了。
復(fù)制代碼 代碼如下:

/*
* jqpressToos1.0
*
* Copyright (c) 2011 yepeng
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
*/

$.fn.extend({
//插件名稱：Tab選項(xiàng)卡
jqpressTab: function(options) {
//參數(shù)和默認(rèn)值
var defaults = {
_tabClass: null,//選項(xiàng)卡樣式
_childs:null //子選項(xiàng) 樣式選擇器
};
var options = $.extend(defaults, options);
var o = options;

var parentCate = $(this);
var childCate = $(o._childs);

parentCate.mouseover(function() {
parentCate.removeClass(o._tabClass);

$(this).addClass(o._tabClass);
for (i = 0; i < parentCate.length; i++) {
if (parentCate[i].className == o._tabClass) {
childCate[i].style.display = "block";
} else {
childCate[i].style.display = "none";
}
}

});
}
});

})(jQuery);

　　調(diào)用方法更簡單：
復(fù)制代碼 代碼如下:

jQuery(document).ready(function(){ $(".mytab li a").jqpressTab({ _tabClass: "樣式名稱", _childs: "子元素樣式名稱" });});

　　如果需要根據(jù)ID做選擇器自己擴(kuò)展去吧，呵呵

相關(guān)文章

最新評(píng)論