概述
复制代码 代码如下:
/*
* jqpressToos1.0
*
* Copyright (c) 2011 yepeng
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
*/
$.fn.extend({
//插件名称:Tab选项卡
jqpressTab: function(options) {
//参数和默认值
var defaults = {
_tabClass: null,//选项卡样式
_childs:null //子选项 样式选择器
};
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);
调用方法更简单:
复制代码 代码如下:
jQuery(document).ready(function(){ $(".mytab li a").jqpressTab({ _tabClass: "样式名称", _childs: "子元素样式名称" });});
如果需要根据ID做选择器自己扩展去吧,呵呵
最后
以上就是文艺汉堡为你收集整理的jquery tab插件精简版分享的全部内容,希望文章能够帮你解决jquery tab插件精简版分享所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复