table{width:100%;background-color:#fff;}
table td{background-color:#ccc;padding:5px;}
table tr.hover td{background-color:Green;}
var doc = document,
container = doc.getElementById("container"),
html = [],
table, i, len;
var addListener = function () {
if (window.addEventListener) {
return function (el, sType, fn, capture) {
el.addEventListener(sType, fn, (capture));
};
} else if (window.attachEvent) {
return function (el, sType, fn, capture) {
el.attachEvent("on" + sType, fn);
};
} else {
return function () { };
}
} ();
html[html.length] = '
北京室内设计培训 | 北京室内设计培训 | 北京室内设计培训 | 1 | 2 | 3 | 1 | 2 | 3 | 1 | 2 | < td>31 | 2 | 3 |
container.innerHTML = html.join('');
table = doc.getElementById("tablelist");
addListener(table, "mouseover", function (e) {
e = e || window.event;
var elem = e.target || e.srcElement,
name = elem.nodeName;
if(name === "TD"){
elem = elem.parentNode;
name = elem.nodeName;
}
setTimeout(function(){
if(name === "TR"&&elem.className.indexOf('h')<0){ elem.className = "hover";
}
},0);
});
addListener(table, "mouseout", function (e) {
e = e || window.event;
var elem = e.target || e.srcElement,
name = elem.nodeName;
if(name === "TD"){
elem = elem.parentNode;
name = elem.nodeName;
}
setTimeout(function(){
if(name === "TR"&&elem.className.indexOf('h')>=0){ elem.className = "";
}
},0);
});
/*for (i = 0, len = table.rows.length; i < len; i += 1) {
(function(item){
addListener(item, "mouseover", function () {
item.className = "hover";
});
addListener(item, "mouseout", function () {
item.className = "";
});
})(table.rows[i]);
}*/
更多详细内容请查看北京室内设计培训:https://www.wendangku.net/doc/f418096602.html, 编辑来自:https://www.wendangku.net/doc/f418096602.html,