Question

高分求隔行变色，鼠标点击一行变色，鼠标放上变色，代码，在线等

Answer 1

js如下, 使用了jQuery

var rows = $('#tb>tbody>tr');
rows.filter(':even').addClass('ui-grid-row-odd');
rows.filter(':odd').addClass('ui-grid-row-even');
rows.hover(function() {$(this).addClass('ui-state-hover');}, function() {$(this).removeClass('ui-state-hover');});
rows.toggle(function() {$(this).addClass('ui-state-selected');}, function() {$(this).removeClass('ui-state-selected');})
rows = null;

css如下

.ui-grid-row-odd{
background-color:red;
}
.ui-grid-row-even{
background-color:blue;
}
.ui-state-hover{
background-color:yellow;
}
.ui-state-selected{
background-color:black;
}

追问

不好用啊

追答

这是最简练的写法了, 你说的不好用时什么意思, 没作用还是没达到你的效果, 你可以自己写css调色
我用的实色确实有些晃眼, 但是思路就是这样的

追问

我用没作用，我这个方法隔行变色不好用，能帮我看看么

追答

你有没有用jquery

追问

加我Q吧 1019024578

追答

我没有qq

其实思路就是给行加class, 通过class来关联css
奇数行都加一个class
偶数行加另一个class
鼠标移上时加一个class移出时去掉这个class
点击一下加一个class, 再点移除这个class
就是这个思路, 你可以根据你写得去修改