admin 管理员组

文章数量: 887016

ie和360等浏览器控制表格行根据鼠标来变色的javascript代码

对chrome或者firefox来说，控制表格行根据鼠标来变色很简单，调用<tr>标记的伪类别hover就可以实现动态变色效果，但是ie和360等都不支持<tr>标记的伪类别，所以要想达到动态变色效果，必须要与javascript结合起来：

比如我的CSS中可以这么写：

.mytable table tr.special {

background-color:(你要设置的颜色);

}


然后javascript代码为：

<script language="javascript">
var rows=document.getElementsByTagName('tr');
for(var i=0;i<rows.length;i++){
rows[i].onmouseover = function(){
this.className += 'special';
}
rows[i].οnmοuseοut=function(){
this.className = this.className.replace('special','');
}
}

</script>


本文标签： ie和360等浏览器控制表格行根据鼠标来变色的javascript代码

版权声明：本文标题：ie和360等浏览器控制表格行根据鼠标来变色的javascript代码 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1732351435h1533180.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。