用jquery实现单双行变色以及鼠标经过时也同时变色
2011-12-03 23:52
537 查看
$(document).ready(function(){
$("#t1 tr:gt(0):even").attr("bgColor","#ffffff");$("#t1 tr:gt(0):odd").attr("bgColor","#eeeeee"); //这部分代码实现单双行背景色变色
$("#t1 tr:not(:first)").hover(function(){$(this).attr("bgColor","#f4e088");},function(){$("#t1 tr:gt(0):even").attr("bgColor","#ffffff");$("#t1 tr:gt(0):odd").attr("bgColor","#eeeeee");});
}); //这部分代码实现鼠标经过时背景颜色变色
$("#t1 tr:gt(0):even").attr("bgColor","#ffffff");$("#t1 tr:gt(0):odd").attr("bgColor","#eeeeee"); //这部分代码实现单双行背景色变色
$("#t1 tr:not(:first)").hover(function(){$(this).attr("bgColor","#f4e088");},function(){$("#t1 tr:gt(0):even").attr("bgColor","#ffffff");$("#t1 tr:gt(0):odd").attr("bgColor","#eeeeee");});
}); //这部分代码实现鼠标经过时背景颜色变色
相关文章推荐
- jQuery实现table隔行换色和鼠标经过变色的两种方法
- jquery实现table鼠标经过变色代码
- 简单的jQuery实现表格隔行变色以及鼠标划上突出显示
- jQuery实现table隔行换色和鼠标经过变色
- jQuery实现table隔行换色和鼠标经过变色
- jQuery实现table隔行换色和鼠标经过变色
- jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
- jQuery实现table隔行换色和鼠标经过变色
- jQuery实现table隔行换色和鼠标经过变色
- jQuery实现table表格隔行换色鼠标经过变色
- jQuery实现table隔行换色和鼠标经过变色的两种方法
- jQuery实现table隔行换色和鼠标经过变色
- JQuery实现表格隔行变色,鼠标经过的行放大显示
- jQuery实现table表格隔行换色鼠标经过变色
- jquery实现table鼠标经过变色代码
- jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
- Jquery实现GridView隔行变色,鼠标经过变色,单击或者选中变色
- 【JQuery】鼠标经过表格行变色
- jQuery插件jFade实现鼠标经过的图片高亮其它变暗
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式