日期:2014-05-18  浏览次数:20695 次

鼠标移动到表格某行 显示高亮。点击该行任意单元格触发一个链接怎么做?
我有一个表格

鼠标移动到表格某行 显示高亮。点击该行任意单元格触发一个链接怎么做?

------解决方案--------------------
給tr寫事件
------解决方案--------------------
给tr添加onmouseover/onmouseout/onclick事件。
在mouseover上给tr更换高亮的背景颜色,在mouseout上更换为原来的背景颜色。
在onclick上可以使用js打开一个连接。
------解决方案--------------------
tr的onmuseover/onmouseout/onclick事件
------解决方案--------------------
探讨

给tr添加onmouseover/onmouseout/onclick事件。
在mouseover上给tr更换高亮的背景颜色,在mouseout上更换为原来的背景颜色。
在onclick上可以使用js打开一个连接。

------解决方案--------------------
JScript code

var oldClassName = "";
var oldtrObj;
var oldtrCss = "";
function onMouseOver(cssSelect,cssOver,cssOut) {
    try{
        var trObj = event.srcElement.parentElement;
        if (trObj.className != cssSelect){
            oldClassName = trObj.className;
            trObj.className = cssOver; 
        }
    }catch(e){
        e.description;
    }
} 
 
function onMouseOut(cssSelect,cssOver,cssOut){ 
    try{
        var trObj = event.srcElement.parentElement;    
        if (trObj.className != cssSelect){
            trObj.className = oldClassName;
        }
    }catch(e){
        e.description;
    }    
} 
function onClick(cssSelect,cssOver,cssOut){
    try{
        var trObj = event.srcElement;
        if (oldtrObj){
            oldtrObj.className = oldtrCss;
        }
        if (oldClassName == ""){
            oldClassName = trObj.className;
        }

        trObj.className = cssSelect;
        oldtrCss = oldClassName;
        oldtrObj = trObj;
    }catch(e){
        e.description;
    }
}