您的位置:首页 > Web前端 > JavaScript

JS实现行选中事件

2016-03-18 15:02 405 查看
通过JS实现鼠标经过表中行时改行颜色高亮。选中表中行时触发事件(页面跳转)。

function showtip() {
var tbl = document.getElementById("Tab");
for (var i = 0; i < tbl.rows.length; i++) {

//鼠标经过时高亮
tbl.rows[i].onmouseover = function () {
if (window.cur) window.cur.style.background = "#000000";
this.style.background = "#FFFFFF";
window.cur = this;
}

//鼠标点击时跳转到指定页面
tbl.rows[i].onclick = function () {
window.location.href = “http://my.csdn.net/my/mycsdn”;
}
}
}


html

<table id="Tab">
...
</table>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript