onMouseover与onMouseout 的Javascript和CSS实现

最近在OA编程中要实现鼠标悬停后改变表格中<tr>元素的背景颜色


实现了javascript和CSS的两种方式,总结如下:


Javascript的实现方式为:


onMouseover="this.style.backgroundColor='#FFFFCC';" onMouseout="this.style.backgroundColor='ffffff';"


这种方式可在<tr>元素中使用

在IE8、Firefox15下测试正常


CSS的实现方式为:


table tr:hover {
  background:#FFFFCC;
  color:black;
}


这种方式要在<table>元素中使用


记录如下,有待完善...

 

posted @ 2013-06-11 22:46  爱生活,爱编程  阅读(225)  评论(0编辑  收藏  举报