Css 悬停或单击以显示新内容

我希望我的

菜单在页面上显示新内容。例如，“我的菜单”位于包含一个大的.png设计的页面中心下方。我希望当你点击一个链接时，它不会加载另一个页面，而是在页面上显示新内容，并带有一个基本的动画。就像单击链接将新内容从

中拉出一样

---

仅使用HTML5和CSS就可以做到这一点吗？

使用jQuery可以很容易地钩住导航链接的点击事件。因此，如果你有：

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

---

摆弄或显示你的代码。是的，这是可能的。现在您可以开始编写代码了。您好@NabeelSheikh，谢谢您的快速回答。这就是：。当然，您无法看到图像，因为我现在正在处理本地文件。您可以通过提供一些代码来简化解释。一个来自html页面的导航片段（或一个足够相关的类似基本示例）肯定会提高问题的质量hi@IvayloSlavov，我刚刚在我的第一条评论中做了：）谢谢你的回答！不幸的是，我只知道HTML和CSS。我不懂你写的代码。这是javascript。它要求您将jQuery库添加到页面中，以便与dom元素交互。一般来说，了解JavaScript是一个很好且必要的补充，因为它是当今web开发的重要组成部分，所以仅使用HTML和CSS是无法做到的。我仍在学习，以后当我熟悉HTML和CSS时，一定会学习JS。无论如何，我会把你的答案保存在一个文件里，它肯定会有用的。无论如何，谢谢你：）因为这最适合你。有些事情仅仅通过html和css是无法实现的，所以我希望你觉得js足够简单。我建议您看看jquery，因为它简化了大部分javascript的使用，并且肯定会帮助您实现定制前端效果和dom交互！再次感谢：）

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

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