java jquery table变色_jquery 实现鼠标移动到table每行，此行高亮变色

/*---实现效果的 Jquery 方法---*/

$.change =function(){

var tableid='table';

var overcolor='#FCF9D8';

var color2='#F8F8F8';

var color1='#FFFFFF';

var tablename=document.getElementById(tableid);

var tr=tablename.getElementsByTagName("tr");

for(var i=1 ;i

tr[i].οnmοuseοver=function(){

this.style.backgroundColor=overcolor;

};

tr[i].οnmοuseοut=function(){

if(this.rowIndex%2==0){

this.style.backgroundColor=color2;

}else{

this.style.backgroundColor=color1;

}

};

if(i%2==0){

tr[i].className="color2";

}else{

tr[i].className="color1";

}

}

};

/*----效果页面及调用上面的jquery 方法---*/

$(document).ready(function() {

//初始化页面时执行

$.change();

});

cellpadding="0" cellspacing="0" style="table-layout: fixed;word-wrap:break-word;margin-top: 10px;">

序号用户名称手机号码邮箱地址创建日期1 tclabc000sadfsadfsadfsafdsafdsafsad0113800138000tclab23423dsasdfsafsadfasdfsac00001@email.com2012-03-06