在悬停或单击时显示新内容

Question

我希望我的<nav>菜单能够在页面上显示新内容。例如，我的菜单位于包含大型.png设计的页面中心下方。我点击链接时，它不会加载另一个页面，但会在页面上显示新内容，并带有基本动画。就像点击链接从<nav>。

中提取新内容一样

是否可以仅使用HTML5和CSS执行此操作？

Answer 1

使用jQuery很容易挂钩导航链接的click事件。所以如果你有：

<a id="navigationLink1" > Some Navigation Item </a>

您可以链接这样的点击处理程序：

$(document).ready(function() {
    var linkClickHandler = function() {
        // your code with the animation and etc
    };

    $('#navigationLink1').hover(linkClickHandler);
    $('#navigationLink1').click(linkClickHandler);
});