您的位置:首页 > Web前端 > JavaScript

jsp表格中实现鼠标放到某一行,使这行背景变色,移开时背景色还原。

2017-04-21 15:10 519 查看
思路:1、了解js获取表中tr。

   
    2、了解鼠标移上、移出方法。

            3、了解js中替换css中样式。

------------------------------------------js----------------------------------------------------------

<script type="text/javascript">

//获取tr

        var rows = document.getElementsByTagName('tr');

//鼠标放在、或移出表格中某一行的效果。

     for(int i=0;i<rows.length;i++){

rows[i].onmouseover = function(){

this.className = ' hilite';

}

rows[i].onmouseout = function(){

this.className = this.className.replace('hilite ', ' ')

}

   }

</script>

------------------------------------------css----------------------------------------------------------

.hovertable tr:hover,.hovertable tr.hilite{background-color:#e3e3e3;color:#e3e3e3;}

注:row 为集合。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐