// 版本: 1.0 // 日期: 2007/08/01 // 备注: 需要jQuery库 // 参考: Dodo(tableRowCheckboxToggle) 和 softcomplex(tigra_tables) function Kin_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(){ var Kin_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"); var Kin_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) return false; var Kin_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; 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); } }); }); }

　　推荐阅读

　　用JS操作FRAME中的IFRAME及其内容的实现代码

问：想通过在地址栏输入一段JS来设置一下页面里某个FRAME中的IFRAME的URL和里面某个TEXT的值，然后点击提交按钮。注意：页面是其它网站的，不要给出一些改动页面代码的答案。具体情况如下： 主页面.htm: view plai>>>详细阅读

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

地址：http://www.17bianji.com/kaifa2/JS/29511.html

 1/2    1