这个导航栏上实现了哪些功能?

时间:2013-09-13 19:50:02

标签: javascript jquery css

我对本网站上的导航栏提出了一个简单的问题(http://www.cs50.net/)。如果您点击“常见问题解答”或“Q评估”,您会看到其他内容会在没有重新加载页面的情况下退出。与灰色叠加层的过渡使它看起来非常美观,这是我绝对想要学习的东西。我想知道这里实现了什么CSS和Javascript功能,特别是上面提到的功能。任何其他资源也将受到赞赏。

谢谢!

编辑:

经过大量研究,我决定使用Transit进行CSS动画,然后用适当的内容创建一个{ display: none } div元素。使用JS,点击会触发CSS动画& fadeIn()功能可以从左侧滑动内容。感谢大家的帮助!

1 个答案:

答案 0 :(得分:0)

您似乎希望阅读CSS TransitionsAJAX