表格鼠标经过时变色

如何实现鼠标经过时变色呢?

如图:

 

------------------------------------

 如何实现鼠标放在上面时表格的行变色呢?

有如下两种方式:

方式一:使用纯css

Css代码  

1. div.queryResultDiv table.productList tr:nth-child(n+2):hover  
2. {  
3.     background-color: #B0D2FF;  
4. }  

 说明:n从零开始,所以hover从第二行才有效,因为表格第一行是标题.

 

方式二:使用JavaScript脚本:

Js代码  

1. $("div.navarea #main2 tr").bind('mouseover',function(){  
2.         var href22=$(this).find('a');  
3.         var selectedHref=$('div.navarea #main2 li.current a');  
4.         $('#main2 tr').addClass("not_current").removeClass("current");  
5.     href22.addClass("current");  
6.     });  
7. });  

 注意:上面的js代码依赖jQuery

参考:http://hw1287789687.iteye.com/blog/2184358