您的位置：首页 > 编程语言

鼠标划过时整行变色代码

2012-12-21 16:01 183 查看

aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<script>
function overIt(){
var the_obj = event.srcElement;
if(the_obj.tagName.toLowerCase() == "td"){
the_obj=the_obj.parentElement;
the_obj.oBgc=the_obj.currentStyle.backgroundColor;
the_obj.oFc=the_obj.currentStyle.color;
the_obj.style.backgroundColor='#71BAF0';
the_obj.style.color='';
}
}
function outIt(){
var the_obj = event.srcElement;
if(the_obj.tagName.toLowerCase() == "td"){
the_obj=the_obj.parentElement;
the_obj.style.backgroundColor=the_obj.oBgc;
the_obj.style.color=the_obj.oFc;
the_obj.style.textDecoration='';
}
}
</script>

</head>

<body>
<table border=1 width=400 onmouseover="overIt()" onmouseout="outIt()">
<tr bgColor=#111111>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr bgColor=#222222>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr bgColor=#333333>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr bgColor=#444444>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td></tr>
<tr bgColor=#555555>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
</table>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 变色效果

相关文章推荐

新的分享

章节导航

aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa

aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa

aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa
aaa	aaa	aaa	aaa