用法比较简单的行高亮

最新推荐文章于 2021-11-16 15:31:44 发布

fly533

最新推荐文章于 2021-11-16 15:31:44 发布

阅读量118

点赞数

分类专栏： WEB应用文章标签： JavaScript ViewUI

WEB应用专栏收录该内容

12 篇文章 0 订阅

订阅专栏


 //另外的高亮 调用方法<table  onmouseover="changeto()"  onmouseout="changeback()" >
var  highlightcolor='#c1ebff';//c1ebff
//此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:(
var  clickcolor='#51b2f6';//51b2f6
function  changeto(){
source=event.srcElement;
if  (source.tagName=="TR"||source.tagName=="TABLE")
return;
while(source.tagName!="TD")
source=source.parentElement;
source=source.parentElement;
cs  =  source.children;
//alert(cs.length);
if  (cs[1].style.backgroundColor!=highlightcolor&&source.id!="nc"&&cs[1].style.backgroundColor!=clickcolor)
for(i=0;i<cs.length;i++){
	cs[i].style.backgroundColor=highlightcolor;
}
}

function  changeback(){
if  (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="nc")
return
if  (event.toElement!=source&&cs[1].style.backgroundColor!=clickcolor)
//source.style.backgroundColor=originalcolor
for(i=0;i<cs.length;i++){
	cs[i].style.backgroundColor="";
}
}