js 隔行变色 鼠标经过变色的代码
发布时间：2015-01-15 编辑：jiaochengji.com
本文介绍下，js实现的隔行变色及鼠标经过变色的一段代码，有需要的朋友参考下吧。
用javascript代码实现隔行变色，以及鼠标经过变色的代码。
<html>
<title>隔行变色+鼠标经过变色JS效果 - www.jbxue.com</title>
<body>隔行变色+鼠标经过变色JS效果<br/>
<script language="javascript">
function show(){
var tab=document.getElementById("tab");
var tr=tab.getElementsByTagName("tr");
for(var i=0;i<=tr.length;i++){
if(i%2==0){
tr[i].style.backgroundColor="#ccc";
tr[i].onmouseover=function(){this.style.background="red"};
tr[i].onmouseout=function(){this.style.background="#ccc"}
}else{
tr[i].style.backgroundColor="#fff";
tr[i].onmouseover=function(){this.style.background="red"};
tr[i].onmouseout=function(){this.style.background="#fff"}
}
}
}
window.onload=show;
</script>
<table id="tab">
<tr><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td></tr>
<tr><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td></tr>
<tr><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td></tr>
<tr><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td></tr>
<tr><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td><td>脚本学堂 - 专业的网站编程、脚本编程站点。</td></tr>
</table>
<br />
</body>
</html>
您可能感兴趣的文章：
js 隔行变色的最简单代码
js 隔行变色 鼠标经过变色的代码
js 隔行变色与鼠标悬停自动变色的实现代码
js+css 控制表格隔行变色与单行高亮的代码
Js与Css结合实现表格隔行换色(隔行变色)的代码
Js表格隔行换色(隔行变色)代码一例
Js实现表格隔行变色，鼠标经过时高亮显示的代码
javascript实现隔行变色函数代码一例
表格隔行变色的js实现代码
您可能感兴趣的文章：
javascript实现隔行变色函数代码一例
jQuery 表格隔行换色 鼠标高亮行变色的实现代码
JS控制表格隔行变色的实现代码
js 隔行变色的最简单代码
js 隔行变色与鼠标悬停自动变色的实现代码
js 隔行变色 鼠标经过变色的代码
Js表格隔行换色(隔行变色)代码一例
Js实现表格隔行变色，鼠标经过时高亮显示的代码
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
Jquery 隔行变色及鼠标经过变色的代码一例
[关闭]