html移入移除变色,html中如何实现表格移入移出时背景颜色改变？（两种方法）...

html中如何实现表格移入移出时背景颜色改变？(两种方法)

一、总结

1、通过css的table标签的hover属性：

10 #tab:hover{

11 background: green

12 }

2、通过js的onmouseover(),onmouseout()事件：

16

51 function change(c){

52 var tab=document.getElementById('tab')

53 tab.style.background=c

54 }

二、html中如何实现表格移入移出时背景颜色改变？(两种方法)

1、动态改变表格背景色案例说明

实例描述：

JS实现鼠标移入移出时表格背景色变化

案例要点：

通过onmouseover(),onmouseout()以及CSS的选择器均可以实现类似的效果，具体用那种实现方式结合具体情况使用。

三、代码

8.4 演示文档

/*#tab{

background: orange

}

#tab:hover{

background: green

}*/

标题1

单元格11单元格12单元格13单元格21单元格22单元格23单元格31单元格32单元格33备注：

// function change1(){

// var tab=document.getElementById('tab')

// tab.style