热门文章 | 热门软件| 热门源码 | 热门电影 | 知识库 | 联系我们
软件 源码 教程 影视 健康 招聘
  HTML | JavaScript | ASP | PHP | JSP | NET | VB | VC | VF | Windows | Linux | Mysql | Mssql | Oracle | Struts 
当前位置: 创世纪计算机资源网 -> 文章频道 ->js 
站内搜索:
鼠标经过表格行的背景变色
作者:udbyygy 来源:bbs 整理日期:2007-10-27
<html><head><title></title>
<style>
*{margin:0;padding:0}
#aa{border-collapse:collapse;}
#aa td{width:200px;height:30px;border:1px solid #000}
</style>
<script language="javascript">
function jj(){
var r=aa.getElementsByTagName("tr").length
for(i=0;i<r;i++){
document.getElementById("aa").getElementsByTagName("tr")[i].onmouseover=a1
document.getElementById("aa").getElementsByTagName("tr")[i].onmouseout=a2
}
}
function a1(){
this.style.background="red"
}
function a2(){
this.style.background="#fff"
}
</script>
</head>
<body onload="jj()">
<table id="aa">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
</body></html>
相关文章