日期:2014-05-16 浏览次数:20421 次
tr.odd td { color: #223; background-color: #ec8; } tr.highlight td { color: #223; background-color: #e3e3e3; }?
//表格自动隔行变色,要变色的表格加上id属性 function stripeTables() { if (!document.getElementsByTagName) return false; var tables = document.getElementsByTagName("table"); for (var i=0; i<tables.length; i++) { var odd = false; //alert(tables.length); if(tables[i].id){ //加id属性的显示 var rows = tables[i].getElementsByTagName("tr"); for (var j=0; j<rows.length; j++) { //alert(rows.length); if (odd == true) { addClass(rows[j],"odd"); odd = false; }else { odd = true; } } } } } //表格自动高亮显示光标所在行 function highlightRows() { if (!document.getElementsByTagName) return false; var tables = document.getElementsByTagName("table"); for (var i=0; i<tables.length; i++) { if(tables[i].id){ //加id属性的显示 var rows = tables[i].getElementsByTagName("tr"); for (var j=0; j<rows.length; j++) { rows[j].oldClassName = rows[j].className; rows[j].onmouseover = function() { addClass(this,"highlight"); } rows[j].onmouseout = function() { this.className = this.oldClassName; } } } } } addLoadEvent(stripeTables); addLoadEvent(highlightRows); //点击tr后将tr所在的checkbox改变, var old_row_bg; var selected_row; function selectRow(comp,setTo,value){ if(selected_row!=null){ selected_row.style.backgroundColor=old_row_bg; } selected_row=comp; old_row_bg=comp.style.backgroundColor; comp.style.backgroundColor="#FFFF55"; document.getElementById(setTo).checked=!document.getElementById(setTo).checked; }