悬停时更改背景颜色

Question

我的任务是清理别人的代码，而且我是 Web 开发的新手，这似乎有点超出我的想象。我想制作表格，使行的背景和文本颜色发生变化，并查看了示例，但无法弄清楚如何将它们集成到此代码中。

      var mydiv = $("<div style=\"height:400px;width:750px;overflow-y:auto;\"></div>");

       var mytab = $("<table style=\"width:750px;height:300px;overflow-y:auto;background-color:Grey;color:White\"></table>").append($("<th style=\"background-color:Black;\"></th>").text("Company Name")).append($("<th style=\"background-color:Black;\"></th>").text("State")).append($("<th style=\"background-color:Black;\"></th>").text("Street Address")).append($("<th style=\"background-color:Black;\"></th>").text("City"));
        for (i = 0; i < companies.length; i++) {
            $(mytab).append($("<tr></tr>").append($("<td style=\"cursor:pointer;\"></td>").text(companies[i].CompanyName).attr("cid", companies[i].KeyID).click(function () {
                var fcd = new FindCompanyDetails();
                fcd.GetRequest("?KeyIDs=" + $(this).attr("cid") + "&AT=" + AT, function (a) {
                    //alert(a.Msg.Result.Address1);
                    populateFields(a.Msg.Result);
                    mydiv.dialog("close");
                });
            })).append($("<td></td>").text(companies[i].StateRegion)));   

        }


        mydiv.append(mytab);
        $(document).find("body").append(mydiv);
        mydiv.dialog({ title: "Choose Matching Company" }, { width: 750 }, {height: 400} );

任何帮助将不胜感激！

Answer 1

用你的 CSS 试试这个：

table tr {
    background-color: lightblue;
}
table tr:hover {
    background-color: blue;
}

---

在这里查看：

http://jsfiddle.net/dboxs77z/

---

Answer 2

CSS 用于此目的

将以下代码放在头部

<style type="text/css">
    table tr {background-color:Blue;}
    table tr:hover {background-color:Red;}
</style>

用你想要的颜色替换蓝色和红色

Answer 3

使用 CSS

将以下代码放在头部

<style type="text/css">
    table tr {background-color:Red;}
    table tr:hover {background-color:Blue;}
</style>