表格的隔行变色,实现方法
2014-11-10 14:42
441 查看
表格中的隔行变色,很常见
1.css3实现:pc端现在支持的不多
2.jquery 实现 :兼容大部分的浏览器
1.css3实现:pc端现在支持的不多
table li:nth-of-type(odd){background:#FAFAFA;}/*奇数行*/ table li:nth-of-type(even){background:#FAFAFA;}/*偶数行*/
2.jquery 实现 :兼容大部分的浏览器
$("tr:odd").css("background-color","#FAFAFA"); $("tr:even").css("background-color","#FAFAFA");
相关文章推荐
- 表格的隔行变色,实现方法
- jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
- 使用DOM方法实现表格的隔行变色效果
- 使用DOM方法实现表格的隔行变色效果
- 实现表格隔行变色
- 用JQuery实现表格隔行变色和突出显示当前行的代码
- jQuery轻松实现表格的隔行变色,点击行变色
- jQuery实现table表格隔行换色鼠标经过变色
- jQuery实现table表格隔行换色鼠标经过变色
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- 简单实现表格隔行变色+鼠标经过变色
- JQuery实现表格隔行换色,鼠标移动变色,点击选择变色
- jQuery轻松实现表格的隔行变色,点击行变色
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- 用JQuery实现表格隔行变色和突出显示当前行
- jquery实现表格的隔行变色
- [原创]持续给力:jQuery实现表格隔行变色效果案例详解
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- html表格table实现鼠标移入移出行变色的一种可用方法
- 简单的jQuery实现表格隔行变色以及鼠标划上突出显示