鼠标移动 表格行 出现颜色。效果如图:
代码:
1. <tr onMouseOver="over()" onMouseOut="out()"">
2.<script>
function out(){
var oObj = event.srcElement;
if(oObj.tagName.toLowerCase() == "td"){
var oTr = oObj.parentNode;
if(!oTr.tag){
oTr.style.backgroundColor = "#FFFFFF";
}
}
}
function over(){
var oObj = event.srcElement;
if(oObj.tagName.toLowerCase() == "td"){
var oTr = oObj.parentNode;
if(!oTr.tag){
oTr.style.backgroundColor = "#B0E2FF";
}
}
}
</script>
event是事件对象,比如你按了某个键(或者单击等,反正能触发事件的),那你在处理时候可能会需要一些信息,比如说是哪个元素被触发的,这个元素也就是你所问的event.srcElement(事件的源对象),通过它可以得到事件的对象,总之,这个对象里面包含了事件发生时的各种数据。