Question

当您将鼠标悬停在它上面时，是否可以更改TD背景？

我试过td:hover {background:red} and td a:hover {background:red}但没有成功。

这是否必须使用javascript完成？

编辑：重新启动wamp现在它可以工作lol

Answer 1

是的，可以使用jquery更改背景颜色。请查看链接http://inspectelement.com/tutorials/changing-the-background-color-of-a-page-using-jquery/

在此链接中，它显示了一个更改网站背景颜色和图像的示例。这会对你有所帮助。将约束网站背景更改为您拥有的td。该网站有一个脚本工作的演示。

链接中的jquery脚本是实际的，如果单击名为blue的选项卡，它将删除其他颜色的css类并添加一个显示蓝色的类。

在查看下面的脚本之前，请阅读链接。它与它有关你可以这样使用。我将链接页面中给出的脚本中的点击命令更改为鼠标悬停

$(document).ready(function(){ 
         $("li.one").mouseover( function(){ $
            ("body").removeClass('bg2 , bg3').addClass("bg1");
        });

        $("li.two").mouseover( function(){ $
            ("body").removeClass("bg1 , bg3").addClass("bg2");
        });

        $("li.three").mouseover( function(){ $
            ("body").removeClass("bg1 , bg2").addClass("bg3");
        }); 

    });

悬停一个td块

1 个答案: