表格鼠标经过时变色

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

如图:

 

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

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

有如下两种方式:

方式一:使用纯css

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

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

 

方式二:使用javascript脚本:

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

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

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