设置一个表格,当鼠标移动到某行时,颜色改变,鼠标离开时,颜色变为原来的样子。每一行都要两个鼠标事件:
1.鼠标覆盖:onMouseOver
2.鼠标离开:onMouseOut
同时这两个事件需要调用事件函数:
1.实现对行的颜色设置:resetColor(row)
2.实现对行颜色的改变:changeColor(row)
实现代码:
变色表格示例function changeColor(row){
document.getElementById(row).style.backgroundColor='#9999FF';
}
function resetColor(row){
document.getElementById(row).style.backgroundColor='';
}
学校 | 专业 | 人数 |
---|
onMouseOut="resetColor('row1')">
北大法律2000onMouseOut="resetColor('row2')">
清华计算机5000onMouseOut="resetColor('row3')">
人大经济6000