js ondocumentready onmouseover onclick onmouseout 样式_javascript技巧

<script language="JavaScript"> <br>var lastObj = null; <br>var lastColor = null; <br>function doInit(){ <br>if(element==null){ <br>return; <br>} <br>var objT = element.children[0]; <br>try{ <br>objT.rows(0).className="grid_title"; <br>objT.rows(1).className="grid_title"; <br>} <br>catch(err){ <br>objT.className="grid_title"; <br>} <br>objT = element.children[1]; <br>if(objT.rows(0)==null){ <br>return; <br>} <br>objT.rows(0).className="gridding1"; <br>for(i=1;i<objT.rows.length;i++){ <br>if(i%2==1){ <br>objT.rows(i).className="gridding1"; <br>} <br>else{ <br>objT.rows(i).className="gridding1"; <br>} <br>} <br>} <br>function doClick(){ <br>if(event.srcElement.tagName=="TD"){ <br>var curObj = event.srcElement.parentElement; <br>if(curObj.rowIndex==0) return false; <br>try{ <br>if(curObj.children[0].children.length == 0 ) return false; <br>} <br>catch(err){ <br>return false; <br>} <br>if(curObj.children[0].children[0].checked){ <br>curObj.children[0].children[0].checked = false; <br>} <br>else{ <br>lastObj = curObj; <br>lastColor = "#FFFFFF"; <br>curObj.children[0].children[0].checked = true; <br>} <br>} <br>if(event.srcElement.tagName =="INPUT"){ <br>try{ <br>var curObj = event.srcElement.parentElement.parentElement; <br>if(curObj.rowIndex==0) { <br>var obj = curObj.parentElement.parentElement; <br>for(i=1;i<obj.rows.length;i++){ <br>if(obj.rows(0).children[0].children[0].checked){ <br>obj.rows(i).children[0].children[0].checked = true; <br>obj.rows(i).style.backgroundColor="#FFFFFF"; <br>obj.rows(i).style.color="#000000"; <br>} <br>else{ <br>obj.rows(i).children[0].children[0].checked = false; <br>if(i%2==1){ <br>obj.rows(i).style.backgroundColor="#FFFFFF"; <br>obj.rows(i).style.color="#000000"; <br>} <br>else{ <br>obj.rows(i).style.backgroundColor="#FFFFFF"; <br>obj.rows(i).style.color="#000000"; <br>} <br>} <br>} <br>} <br>} <br>catch(err){ <br>return true; <br>} <br>} <br>} <br>function doMouseover(){ <br>if( event.srcElement.tagName=="TD"){ <br>var curObj = event.srcElement.parentElement; <br>if(curObj.rowIndex==0) return false; <br>curObj.style.backgroundColor="#F2FFEE"; <br>} <br>if( event.srcElement.tagName=="INPUT"){ <br>var curObj = event.srcElement.parentElement.parentElement; <br>if(curObj.rowIndex==0) return false; <br>curObj.style.backgroundColor="#F2FFEE"; <br>} <br>} <br>function doMouseout(){ <br>if(event.srcElement.tagName=="TD"){ <br>var curObj = event.srcElement.parentElement; <br>if(curObj.rowIndex==0) return false; <br>try{ <br>if(curObj.children[0].children.length == 0 ) { <br>if(curObj.rowIndex%2==1){ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>else{ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>return true; <br>} <br>} <br>catch(err){ <br>if(curObj.rowIndex%2==1){ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>else{ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>return true; <br>} <br>if(curObj.rowIndex%2==1) <br>if(curObj.children[0].children[0].checked){ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>else{ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>else <br>if(curObj.children[0].children[0].checked){ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>else{ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>} <br>if(event.srcElement.tagName=="INPUT"){ <br>var curObj = event.srcElement.parentElement.parentElement; <br>if(curObj.rowIndex==0) return false; <br>try{ <br>if(curObj.rowIndex%2==1){ <br>if(curObj.children[0].children[0].checked){ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>else{ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>} <br>else{ <br>if(curObj.children[0].children[0].checked){ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>else{ <br>curObj.style.backgroundColor="#FFFFFF"; <br>curObj.style.color="#000000"; <br>} <br>} <br>} <br>catch(err){ <br>return true; <br>} <br>} <br>} <br></script>