复制代码 代码如下:

<PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="doInit()" />

<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="doMouseover()" />

<PUBLIC:ATTACH EVENT="onclick" ONEVENT="doClick()" />

<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="doMouseout()" />

<PUBLIC:PROPERTY name="test" />

<SCRIPT LANGUAGE="JavaScript">

var lastObj = null;

var lastColor = null;

function doInit(){

if(element==null){

return;

}

var objT = element.children[0];

try{

objT.rows(0).className="grid_title";

objT.rows(1).className="grid_title";

}

catch(err){

objT.className="grid_title";

}

objT = element.children[1];

if(objT.rows(0)==null){

return;

}

objT.rows(0).className="gridding1";

for(i=1;i<objT.rows.length;i++){

if(i%2==1){

objT.rows(i).className="gridding1";

}

else{

objT.rows(i).className="gridding1";

}

}

}

function doClick(){

if(event.srcElement.tagName=="TD"){

var curObj = event.srcElement.parentElement;

if(curObj.rowIndex==0) return false;

try{

if(curObj.children[0].children.length == 0 ) return false;

}

catch(err){

return false;

}

if(curObj.children[0].children[0].checked){

curObj.children[0].children[0].checked = false;

}

else{

lastObj = curObj;

lastColor = "#FFFFFF";

curObj.children[0].children[0].checked = true;

}

}

if(event.srcElement.tagName =="INPUT"){

try{

var curObj = event.srcElement.parentElement.parentElement;

if(curObj.rowIndex==0) {

var obj = curObj.parentElement.parentElement;

for(i=1;i<obj.rows.length;i++){

if(obj.rows(0).children[0].children[0].checked){

obj.rows(i).children[0].children[0].checked = true;

obj.rows(i).style.backgroundColor="#FFFFFF";

obj.rows(i).style.color="#000000";

}

else{

obj.rows(i).children[0].children[0].checked = false;

if(i%2==1){

obj.rows(i).style.backgroundColor="#FFFFFF";

obj.rows(i).style.color="#000000";

}

else{

obj.rows(i).style.backgroundColor="#FFFFFF";

obj.rows(i).style.color="#000000";

}

}

}

}

}

catch(err){

return true;

}

}

}

function doMouseover(){

if( event.srcElement.tagName=="TD"){

var curObj = event.srcElement.parentElement;

if(curObj.rowIndex==0) return false;

curObj.style.backgroundColor="#F2FFEE";

}

if( event.srcElement.tagName=="INPUT"){

var curObj = event.srcElement.parentElement.parentElement;

if(curObj.rowIndex==0) return false;

curObj.style.backgroundColor="#F2FFEE";

}

}

function doMouseout(){

if(event.srcElement.tagName=="TD"){

var curObj = event.srcElement.parentElement;

if(curObj.rowIndex==0) return false;

try{

if(curObj.children[0].children.length == 0 ) {

if(curObj.rowIndex%2==1){

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

else{

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

return true;

}

}

catch(err){

if(curObj.rowIndex%2==1){

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

else{

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

return true;

}

if(curObj.rowIndex%2==1)

if(curObj.children[0].children[0].checked){

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

else{

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

else

if(curObj.children[0].children[0].checked){

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

else{

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

}

if(event.srcElement.tagName=="INPUT"){

var curObj = event.srcElement.parentElement.parentElement;

if(curObj.rowIndex==0) return false;

try{

if(curObj.rowIndex%2==1){

if(curObj.children[0].children[0].checked){

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

else{

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

}

else{

if(curObj.children[0].children[0].checked){

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

else{

curObj.style.backgroundColor="#FFFFFF";

curObj.style.color="#000000";

}

}

}

catch(err){

return true;

}

}

}

</SCRIPT>

【js ondocumentready onmouseover onclick onmouseout 样式】相关文章：

★ javascript实现table表格隔行变色的方法

★ JavaScript事件委托实例分析

★ JavaScript实现仿网易通行证表单验证

★ 本窗口将在秒后自动关闭

★ AngularJS学习笔记之基本指令

★ 浅谈document.write()输出样式

★ 一些很实用且必用的小脚本代码第1/5页

★ 解析javascript中鼠标滚轮事件

★ jQuery页面的滚动位置scrollTop、scrollLeft

★ srcElement表格样式