您好,欢迎来到刀刀网。
搜索
您的当前位置:首页JS实现行选中事件

JS实现行选中事件

来源:刀刀网

通过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>

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- gamedaodao.com 版权所有 湘ICP备2022005869号-6

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务