当前位置: 代码迷 >> Java Web开发 >> 鼠标移动到表格某行 显示高亮。点击该行任意单元格触发一个链接如何做
  详细解决方案

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

热度:369   发布时间:2016-04-17 17:21:32.0
鼠标移动到表格某行 显示高亮。点击该行任意单元格触发一个链接怎么做?
我有一个表格

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

------解决方案--------------------
給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;    }}
  相关解决方案