我们希望实现当鼠标移动到表格的某行时,改变它的背景色,在这里我写了一点简单的js实现:
原理很简单,调用onmouseover和onmouseout两个事件,当鼠标移到当表格上时,获取表格所在的行对象,再改变行对象的背景色,
当鼠标离开时调用onmouseout恢复原来的背景。
      下面是改变颜色的js代码:
      
script>
      页面内容,如下:
      
>

在这里如果用jQuery做的话就更简单了,
a b c
d d h
f e g
f e g
隔行变色处理:
$(function() { $("#data tr:even").css("background-color","#E5F3F6"); } )
***最终表格隔行变色和鼠标移到变色,通过与css定义联系起来,将样式写在模式表中
;
                }
            });
        }

相关文章: