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

table设置斑马线,在点击某一行的时候行变色

2017-03-31 10:27 260 查看
table设置斑马线,当鼠标移动到某一行的时候,该行变色

<tr onMouseOver="this.style.background='#EAEAEA'" onMouseOut="this.style.background='#FFFFFF';"></tr>
<tr onMouseOver="this.style.background='#EAEAEA'" onMouseOut="this.style.background='#F5F5F5';" bgcolor="#F5F5F5"></tr>
当点击table某一行的时候,行变色

<tr onclick="tagscheck(this);" ></tr>
<script language="javascript" type="text/javascript">
function tagscheck(a) {
var lng = document.getElementsByTagName("tr").length;
for (i = 0; i < lng; i++) {
var temp = document.getElementsByTagName("tr")[i];
if (a == temp) {
//选中的标签样式
temp.style.background = "#0081C2";

} else {
//恢复原状
temp.style.background = "";
}
}
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jsp
相关文章推荐