700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html移入移除变色 html中如何实现表格移入移出时背景颜色改变?(两种方法)...

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

时间:2021-11-05 21:57:16

相关推荐

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( ab)

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( ab)

// tab.style

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。