我们希望实现当鼠标移动到表格的某行时,改变它的背景色,在这里我写了一点简单的js实现:
原理很简单,调用onmouseover和onmouseout两个事件,当鼠标移到当表格上时,获取表格所在的行对象,再改变行对象的背景色,
当鼠标离开时调用onmouseout恢复原来的背景。
下面是改变颜色的js代码:
script>
页面内容,如下:
>
在这里如果用jQuery做的话就更简单了,
隔行变色处理:
;
}
});
}
原理很简单,调用onmouseover和onmouseout两个事件,当鼠标移到当表格上时,获取表格所在的行对象,再改变行对象的背景色,
当鼠标离开时调用onmouseout恢复原来的背景。
下面是改变颜色的js代码:
在这里如果用jQuery做的话就更简单了,
| a | b | c |
|---|---|---|
| d | d | h |
| f | e | g |
| f | e | g |
$(function() { $("#data tr:even").css("background-color","#E5F3F6"); } )
***最终表格隔行变色和鼠标移到变色,通过与css定义联系起来,将样式写在模式表中}
});
}