鼠标经过table变色的效果，想必大家都有遇到过吧，其实实现并不难，在本文为大家详细介绍下jquery是如何实现的，感兴趣的朋友可以参看下

table鼠标经过变色的效果想必大家都有见到过吧，其实实现很简单，在本文有个不错的示例，感兴趣的朋友可以学习下

一、隔行换色 代码如下: $(“tr:odd”).css(“background-color”,”#eeeeee”); $(“tr:even”).css(“background-color”,”#ffffff”); 或者一行搞定： 代码如下: $(“table tr:nth-child(odd)”).css(“background-color”,”#eeeeee”); :nth-child 匹配其父元素下的第N个子或奇偶元素 二、鼠标经过变色 代码如下: $(“tr”).live({

代码如下: $(‘# tr:not(:has(“th”))’).hover(function () { $bg = $(this).css(‘background-color’); $(this).css(‘background-color’, ‘#ffc4c6’); }, function () { $(this).css(‘background-color’, $bg); });