时间:2021-05-08
使用纯CSS实现在鼠标经过一个表格的某一行的时候,要整行的背景颜色发生变化,以表明该行正中焦点:
<html ><head><meta charset="utf-8"/><title>change</title><style type="text/css"> tr.change:hover { background-color:#00FF00 }</style></head><body><h1>鼠标经停变色</h1><table width="80%" border="1" align="center"> <tr class="change"> <td> </td> <td> </td> </tr> <tr class="change"> <td> </td> <td> </td> </tr></table></body></html>以上所述是小编给大家介绍的HTML中实现鼠标经停时整行(tr)变色,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
axure中绘制的表格想要制作当鼠标移入时整行变色,移出时恢复原来颜色,选中一行时整行变色,取消选中是恢复原来颜色,该怎么实现这个效果呢?下面我们就来看看详细的
摘要:下文讲述css中实现鼠标放在指定行上面时,整行变色的方法分享,如下所示:实现思路:使用:hover伪类,实现当鼠标指向时,其背景色发生相应的变化,如下例所
以下列出13个jQuery操作table常用到的功能:1.鼠标移动行变色复制代码代码如下:$('#table1tr').hover(function(){$(t
在很多网站都有这样的效果,那就是当鼠标放在新闻列表一行上的时候,整行就会变色,虽然使用CSS也能够实现此种功能,但是由于众多浏览器版本对于CSS3并没有良好的支
Jquery实现表格颜色交替变化,点击选中行,鼠标移过颜色变化效果图如下:源码(Demo)打包下载html代码如下:复制代码代码如下:.table-tr-tit