table中鼠标点击变色，鼠标移动变色

2021-09-03 网页编程网 网页编程网

<html><head><title>表格颜色</title>
<script> 
var tmpColor=""; 
var clickcolor="#aac6f8"; 
var arrBg=["#ffffff","#d8e9fd"]; //表格交替色
//单击改变行颜色
function clickto(){source=event.srcElement; 
if (source.tagName=="TR"||source.tagName=="TABLE")return; 
while(source.tagName!="TD")source=source.parentElement;source=source.parentElement; 
var ss=source.parentElement; 
while(ss.tagName!="TABLE"){ 
ss=ss.parentElement;sst=ss.getElementsByTagName("td"); 
for(k=0;k<sst.length;k++){sst[k].style.backgroundColor="";}}cs=source.children; 
if(cs[1].style.backgroundColor!=clickcolor){for(i=0;i<cs.length;i++){cs[i].style.backgroundColor=clickcolor;}} 
else{for(i=0;i<cs.length;i++){cs[i].style.backgroundColor="";}}} 
//单击改变行颜色
//鼠标onmousemove,onmouseout时的颜色
function fmove(){ 
var e=event.srcElement; 
if(e.tagName=="TD"){e.parentNode.style.backgroundColor="#aac6f8"};}

阅读原文

阅读 3183

123 显示电脑版