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

コードをコピー コードは次のとおりです:

/*
* 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);


より単純:

コードをコピー

コードは次のとおりです。 jQuery(document).ready( function(){ $ (".mytab li a").jqpressTab({ _tabClass: "スタイル名", _childs: "子要素のスタイル名" });});

必要な場合ID に基づいて独自のセレクターを作成するには、先に進んで拡張してください (笑)