JavaScript在时钟上显示新内容，同时隐藏主要内容

JS不是我的强项，但我需要创建类似于（左固定菜单）的函数

简言之，我们有主要内容和链接菜单。点击其中一个-我们得到了所有新的内容（旧的淡出任何地方）和按钮返回它。就像上面的例子一样

---

也许有一些插件/库可以实现这一点？

有几个插件可以实现这种类型的动画，我建议您使用，因为它工作良好，易于使用（您需要做的只是创建页面和初始化插件所需的html，

$（“#yourwrapper”）。smoothState（）

之后，页面上的所有链接都将通过AJAX处理并替换内容），并且支持良好，因此在实现过程中遇到任何问题时，您都可以轻松找到答案

---

这里是一个边栏淡入淡出动画的演示示例：

有几个插件可以做这种类型的动画，我建议您使用它，因为它工作良好，易于使用（您需要做的只是创建页面和初始插件的必要html，

$（“#yourwrapper”）。smoothState（）

之后，页面上的所有链接都将通过AJAX处理并替换内容），并且支持良好，因此在实现过程中遇到任何问题时，您都可以轻松找到答案

---

下面是一个带有侧边栏淡入动画的演示示例：

使用jQuery淡入一些内容和淡入一些其他内容非常容易。只需将初始内容和辅助内容包装在包装器中，定位和所需内容，并为新内容/菜单设置

display:none

。那么像这样简单的方法就行了，不需要库：

$('.eventHandler').on('click', function(){
  $('.initialContent').fadeOut();
  $('.newContent').fadeIn();
})

至于很酷的库，我喜欢，而且对于简单的动画（比如加载参考页面时那些跳跃的圆圈）也很好

---

希望这有帮助

使用jQuery，淡出一些内容和淡入一些其他内容非常容易。只需将初始内容和辅助内容包装在包装器中，定位和所需内容，并为新内容/菜单设置

display:none

。那么像这样简单的方法就行了，不需要库：

$('.eventHandler').on('click', function(){
  $('.initialContent').fadeOut();
  $('.newContent').fadeIn();
})

至于很酷的库，我喜欢，而且对于简单的动画（比如加载参考页面时那些跳跃的圆圈）也很好

希望这有帮助