javascript - 单击时突出显示特定的 div 以引起注意

Question

我正在制作一个网站，但我一直无法弄清楚如何突出显示某个 div 而不会让一切都变得不成比例。我希望在顶部导航栏中显示主页、站点地图和联系人的位置突出显示页脚中的 div。当您单击联系人时，我希望它能将您拖到底部，但我希望它突出显示联系人 div，以便快速引起您的注意，以便更容易找到。我尝试了一些插件，但效果不佳。

Site

 <div id="navContainer">
<div id="nav">
    <ul>

        <li><a href="index.html" class="scroll nav">Home</a></li>
        <li><a href="#footer" class="scroll nav">Site Map</a></li>
        <li><a href="#footer" class="scroll nav">Contact</a></li>
    </ul>
</div>

Answer 1

使用 jQuery，将一个 id 添加到联系按钮，如 contact，并将一个 id 添加到 ul，如 contactUL 然后就可以了。这是一个jsFiddle

$("#contacter").click(function() {
    $(window).scrollTop($(document).height());
    $("#contact").css("background-color", "yellow");
});