Question

js的隔行换色问题 我想实现鼠标覆盖上去 表格的tr背景颜色变化 而鼠标移开的时候，表格恢复隔行换色；

鼠标移开的时候我想恢复隔行换色的效果；
JS代码如下：可为什么实现不了，高手指教
function lineChange(){
var lines=document.getElementsByTagName("tr");

for(var i=0;i<lines.length;i++){

lines[i].onmouseover=function(){
this.style.background="blue";

}
lines[i].onmouseout=function(){
if(i%2==0){
this.style.background="#fff";
}else{
this.style.background="red";
}

}
}

}

Answer 1

这个应该是好解决的。
因为你只发了一部分代码，你的这个函数lineChange()也不知道是怎么用的，你先把：
function lineChange(){
var lines=document.getElementsByTagName("tr");

for(var i=0;i<lines.length;i++){

lines[i].onmouseover=function(){
this.style.background="blue";

}
lines[i].onmouseout=function(){
if(i%2==0){
this.style.background="#fff";
}else{
this.style.background="red";
}

}
}

}
改成：
var lines=document.getElementsByTagName("tr");

for(var i=0;i<lines.length;i++){

lines[i].onmouseover=function(){
this.style.background="blue";

}
lines[i].onmouseout=function(){
if(i%2==0){
this.style.background="#fff";
}else{
this.style.background="red";
}

}
}
也就是把这个函数lineChange()的内容放到函数外，如果还是不行，你把全代码HI给我（如果在提问上发的话怕发不上去）好了。

Answer 2

用这句就解决问题了，更换成你所希望的颜色即可。
<td onmouseover="this.style.background='#FBE17C';this.style.color='#000000'"
onmouseout="this.style.background='#FAF2B1';this.style.color='#FAF291'"
align=middle height=18>
祝福你！

Answer 3

我觉得啊，这种鼠标触发简单事件用Jquery是相当简单不过了的，要达到你的要求只需要下一个jquery的脚本，引入到js中，然后用CSS选择器和标签选择器处理，只需要很少的代码就可以做到了