表单选中变色,隔行有色
2018-03-29 本文已影响34人
小7丁
![](https://img.haomeiwen.com/i10142252/12429ba6d28cca4d.png)
- row:行
- tbody记得加上
思想:把旧的颜色暂存。就不会使得变色时,旧颜色没了。
var otb = document.getElementById('mytable')
var oldColor = ''
for(var i=0; i<otb.tBodies[0].rows.length;i++){
otb.tBodies[0].rows[i].onmouseover = function(){
oldColor = this.style.background
this.style.background = 'yellow'
}
otb.tBodies[0].rows[i].onmouseout = function(){
this.style.background = oldColor
}
if(i%2){
otb.tBodies[0].rows[i].style.background='#ccc'
}else{
otb.tBodies[0].rows[i].style.background=''
}
}