汇学府笔记网是汇学府网旗下优秀笔记展示平台! 欢迎优秀读书学习笔记投稿,投稿有奖励!

学分类旗下网站

浏览量

CSS实现修改选中表格行的背景色

作者:admin 发布时间:2019-08-11

刚刚明白了应该怎么用CSS实现,而很多情况下,表格里的数据会让人看得头昏眼花,如果选中一行后,能自动修改背景色,那么看起来就容易得多了,CSS里实现这个效果是相当的简单,可惜的是IE6并不支持这个效果,要实现,还必须加入JAVASCRIPT代码。
CSS代码:
Tr:hover{
Background-color: #CCCCCC;
Color: #000033;
}
就是这么简单,等以后IE7流行起来的时候,就可以用了。

Tr.hoveron{
Background-color: #CCCCCC;
Color: #000033;
}

Javascript代码:
script type= text/javascript
Var rows=document.getelementbytagname( tr )
For (var i=o;i rows.length;i++)
{
Rows[i].onmousover=founcton(){
This.classname += hoveron
}
Rows[i].onmouserout=founction{
This.classname.replace( hoveron , )
}
}
/script
相关:。

网友吐槽

读书笔记 学习笔记 名著读书笔记

本站读书学习笔记由网友提供,版权归原作者本人所有,转载请注明出处!如有侵犯您的相关权利,请联系我们客服处理! 豫ICP备18040320号-1