表格鼠标经过时变色
如何实现鼠标经过时变色呢?
如图:
------------------------------------
如何实现鼠标放在上面时表格的行变色呢?
有如下两种方式:
方式一:使用纯css
Css代码 
- div.queryResultDiv table.productList tr:nth-child(n+2):hover
- {
- background-color: #B0D2FF;
- }
说明:n从零开始,所以hover从第二行才有效,因为表格第一行是标题.
方式二:使用JavaScript脚本:
Js代码
- $("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