设置表格隔行变色,以及鼠标悬浮变色效果
2015-09-23 10:25
627 查看
function SetTableInterfaceColor(o) { var maxrowspan = 0; var witebk = "whitebk"; var graybk = "graybk"; if (o) { graybk = witebk } var bluebk = "graybkhover"; var bk = graybk; var bkattr = "bg_color"; $(".tableCss tbody tr").each(function () { var bkother = bk == witebk ? graybk : witebk; if (maxrowspan > 0) { $(this).removeClass(bkother).addClass(bk).attr(bkattr, bk); maxrowspan-- } else { bk = bkother; bkother = bk == witebk ? graybk : witebk; $(this).children().each(function () { var maxrow = parseInt($(this).attr("rowspan"), 10); if (isNaN(maxrow)) { maxrow = 0 } maxrowspan = Math.max(maxrow, maxrowspan) }); $(this).removeClass(bkother).addClass(bk).attr(bkattr, bk); maxrowspan-- } }); function setprev(obj, oldbk, tbk) { var o = $(obj).prev(); if (o != null && o != undefined) { if (o.attr(bkattr) == oldbk) { o.removeClass(witebk).removeClass(graybk).removeClass(bluebk).addClass(tbk); setprev(o, oldbk, tbk) } } } function setnext(obj, oldbk, tbk) { var o = $(obj).next(); if (o != null && o != undefined) { if (o.attr(bkattr) == oldbk) { o.removeClass(witebk).removeClass(graybk).removeClass(bluebk).addClass(tbk); setnext(o, oldbk, tbk) } } } if (!o) { $(".tableCss tbody tr").bind("mouseover", function () { $(this).removeClass(witebk).removeClass(graybk).addClass(bluebk); var tbk = $(this).attr(bkattr); setprev(this, tbk, bluebk); setnext(this, tbk, bluebk) }); $(".tableCss tbody tr").bind("mouseout", function () { var tbk = $(this).attr(bkattr); $(this).removeClass(bluebk).addClass(tbk); setprev(this, tbk, tbk); setnext(this, tbk, tbk) }) } };
支持合并行隔行变色效果,默认带有合并行认为为一行。
使用方法:
SetTableInterfaceColor();或者SetTableInterfaceColor(1); 两者效果是不一样的,后面没有隔行变色。 注意:需要自己定义样式:whitebk,graybk,graybkhover.
相关文章推荐
- Xshell乱码解决方法设置
- Linux下搭建DNS 服务器
- WmiPrvSE.exe内存占用异常
- OC学习Runtime之Method swizzling
- iClap助力移动互联网企业高效实现规范化管理
- 第一行代码笔记1
- 安卓的手机抓包
- iOS 9:你需要知道的10件事
- 百度云推送消息(范例)
- js浏览器下载总结(ios、and、微信、qq)
- 验证Xcode真伪的方法,来自苹果官网
- 解决 python用 xlsxwrite 向excel 中写入中文字符串变量 报错
- tree命令
- 关于 hashCode() 你需要了解的 3 件事
- JAB2完成Java bean到xml的相互转换
- 报表性能优化方案之数据集缓存与共享
- Metrics.NET report to Zabbix
- window.location.href无效/不跳转的原因分析
- gnu工具链简介
- 如何在MathType中输入对数函数