ホームページ > ウェブフロントエンド > jsチュートリアル > javascript jQueryベーステーブルホバー変色・修復、テーブルクリック変色・修復、クリック行選択 Checkbox_jquery

javascript jQueryベーステーブルホバー変色・修復、テーブルクリック変色・修復、クリック行選択 Checkbox_jquery

WBOY
リリース: 2016-05-16 19:01:57
オリジナル
1491 人が閲覧しました

// バージョン: 1.0
// 日付: 2007/08/01
// 注: jQuery ライブラリが必要です
// 参照: Dodo(tableRowCheckboxToggle) および Softcomplex(tigra_tables)

関数Kin_Tables(
. Kin_Table_Footer_Offset, //今後無視できる行数 オプションのパラメータ
Kin_Table_Odd_Style, //奇数行のスタイル オプションのパラメータ
Kin_Table_Even_Style, //偶数行スタイルのオプション パラメータ
Kin_Table_Hover_Style, //マウス ホバー スタイルのオプション パラメータ
スタイルのオプションのパラメータ thod?Kin_Table_GetTableMethod:".Kin_Table");
Kin_Table_Config.Header_Offset=(!isNaN (Kin_Table_Header_Offset)?Kin_Table_Header_Offset:0);
Kin_Table_Config.Footer_Offset=(!isNaN(Kin_Table_Footer_Offset)?Kin_Table_Footer_O ffset:0);
Kin_Table_Config.Odd_Style=(Kin_Table_Odd_Style?Kin_Table_Odd_スタイル:"奇数");
Kin_Table_Config .Even_Style=(Kin_Table_Even_Style?Kin_Table_Even_Style:"even");
Kin_Table_Config.Hover_Style=(Kin_Table_Hover_Style?Kin_Table_Hover_Style:"over");
Kin_Table_Config.Click_Style=(Kin_Table_Click_Style?Kin_Table_Click_Style:" クリックされました"); 🎜>
var Kin_Table = $(Kin_Table_Config.GetTableMethod " tr:nth-child(n " eval(Kin_Table_Config.Header_Offset 1) ")");

Kin_Table.each(function (i,row){
bChecked = false ;
$(row).addClass(i%2==0?Kin_Table_Config.Odd_Style:Kin_Table_Config.Even_Style)
$(row).hover(
function(){$( this).addClass( Kin_Table_Config.Hover_Style);},
🎜> $ (this).toggleClass(Kin_Table_Config.Click_Style) 🎜> }););
Kin_Table_Row_Checkbox.each(function(){
if(this.checked){
bChecked = true;
return false
}
});
if (bChecked) {
$(row).addClass(Kin_Table_Config.Click_Style);
Kin_Table_Row_Checkbox.each(function(){
this.checked = true;
});
}else{
$(row).removeClass(Kin_Table_Config.Click_Style);
}
});
});
}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート