效果图:
?
附件图片为现实效果，请点击查看。
?
?
<!--EndFragment-->?两种解决方法：
?
?第一种：在本页面上写一个样式
?
/*****对页面的选中行规定颜色*******/
.thColor{
???background:#92D5FC;
}
/*****然后在所需要调用的TR中写如下代码*******/
<tr
onmouseover="this.className='thColor';"?onmouseout="this.className='';"></tr>
?
?第一种：使用js解决
?
var??highlightcolor='#c1ebff';
//此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:(
var??clickcolor='#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="";
}
}
?
function??clickto(){
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!=clickcolor&&source.id!="nc")
for(i=0;i<cs.length;i++){
cs[i].style.backgroundColor=clickcolor;
}
else
for(i=0;i<cs.length;i++){
cs[i].style.backgroundColor="";
}
}
?
在所需要的地方一般是一个table中写调用方法
<table
?width="100%"?border="0"?cellpadding="0"?cellspacing="1"
?bgcolor="#a8c7ce"???onmouseover="changeto()"
??onmouseout="changeback()">
?
这样就可以搞定上面选中的方法了。
<!--EndFragment-->