ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryタブプラグイン簡易版sharing_jquery

jqueryタブプラグイン簡易版sharing_jquery

WBOY
WBOYオリジナル
2016-05-16 18:02:31939ブラウズ
コードをコピー コードは次のとおりです:

/*
* jqpressToos1.0
*
* 著作権 (c) 2011 yepeng
* MIT (MIT-LICENSE.txt)
* および GPL (GPL-LICENSE.txt) ライセンスに基づくデュアル ライセンス
*
* /

$.fn.extend({
//プラグイン名: Tab
jqpressTab: function(options) {
//パラメータとデフォルト値
var defaults = {
_tabClass: null,//tab style
_childs:null //子オプション スタイル セレクター
};
var options = $.extend(defaults, options);オプション ;

varparentCate = $(this);

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

$(this).addClass(o._tabClass);
for (i = 0; i if (parentCate[i ] .className == o._tabClass) {
childCate[i].style.display = "ブロック";
} else {
childCate[i].style.display = "none"; > }
}

});

})(jQuery);


より単純:



コードをコピー
必要な場合ID に基づいて独自のセレクターを作成するには、先に進んで拡張してください (笑)
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。