欢迎来到福编程网,本站提供各种互联网专业知识!

javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox

发布时间:2008-08-05 作者: 来源:转载
jQuery的表格悬停变色恢复,表格点击变色/恢复,点击行选Checkbox
//版本:1.0
//日期:2007/08/01
//备注:需要jQuery库
//参考:Dodo(tableRowCheckboxToggle)和softcomplex(tigra_tables)

functionKin_Tables(
Kin_Table_GetTableMethod,//得到Table的方法同$()功能必选参数
Kin_Table_Header_Offset,//从前起忽略多少行可选参数
Kin_Table_Footer_Offset,//从后起忽略多少行可选参数
Kin_Table_Odd_Style,//奇数行样式可选参数
Kin_Table_Even_Style,//偶数行样式可选参数
Kin_Table_Hover_Style,//鼠标悬停样式可选参数
Kin_Table_Click_Style//鼠标点击样式可选参数
){

$(function(){
varKin_Table_Config=[];
Kin_Table_Config.GetTableMethod=(Kin_Table_GetTableMethod?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_Offset:0);
Kin_Table_Config.Odd_Style=(Kin_Table_Odd_Style?Kin_Table_Odd_Style:"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:"clicked");

varKin_Table=$(Kin_Table_Config.GetTableMethod+"tr:nth-child(n+"+eval(Kin_Table_Config.Header_Offset+1)+")");

Kin_Table.each(function(i,row){
if(i>=Kin_Table.length-Kin_Table_Config.Footer_Offset)returnfalse;
varKin_Table_Row_Checkbox=$(row).find(":checkbox");
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);},
function(){$(this).removeClass(Kin_Table_Config.Hover_Style);
});
$(row).click(function(){
$(this).toggleClass(Kin_Table_Config.Click_Style);
Kin_Table_Row_Checkbox.each(function(){
this.checked=$(row).hasClass(Kin_Table_Config.Click_Style);
});
});
Kin_Table_Row_Checkbox.each(function(){
if(this.checked){
bChecked=true;
returnfalse;
}
});
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);
}
});
});
}

相关推荐