900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > javascript简单实现表格行间隔显示颜色并高亮显示【javascript】

javascript简单实现表格行间隔显示颜色并高亮显示【javascript】

时间:2019-08-03 04:03:47

相关推荐

javascript简单实现表格行间隔显示颜色并高亮显示【javascript】

web前端|js教程

隔行显示,高亮显示

web前端-js教程

古风源码,vscode代码保存的目录,ubuntu 改中文,分配域名给tomcat,企多维 爬虫,php取当前网址,金华seo整站优化哪家好,个人网站源代码,bootstrap手机网站模板lzw

var name; //存储tr对象的类名,当鼠标移开时进行恢复

function trcolor(){ //表格行颜色间隔显示

var tabNode = document.getElementsByTagName("table")[0];

var trNodes = tabNode.rows;

for(var x=1;x<trNodes.length;x++){

if(x%2 == 1)

trNodes[x].className = "one" ;

else

trNodes[x].className = "two" ;

trNodes[x].onmouseover = function(){ //高亮显示

name = this.className;

this.className = "over";

}

trNodes[x].onmouseout = function(){ //tr对象添加onmouseout事件属性

this.className = name ;

}

}

}

window.onload = trcolor ;

毕业设计安卓游戏源码,ubuntu更新链接超时,梦到许多小爬虫,php 探针执行php命令,wp主题seolzw

table{ width:60%; border:solid 1px #0066FF;}

table td {border:solid 1px #0099ff;}

a{ text-decoration: none;}

.one{background-color: red;}

.two{background-color: blue;}

.over{background-color: yellow;}

网址转发源码,ubuntu系统下载搜狗,tomcat 长时间运行,12306爬虫分析,php如何采集sdk数据,seo高效优化方法seo黑帽lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。