javascript - 此导航栏上实现了哪些功能?

标签 javascript jquery css

<分区>


要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist

关闭 9 年前

我有一个关于本网站 (http://www.cs50.net/) 上的导航栏的快速问题。如果您点击“FAQ”或“Q Evaluations”,您会看到额外的内容将在不重新加载页面的情况下拉出。灰色叠加层的过渡使它看起来非常美观,这是我绝对想学习的东西。我想知道这里实现了哪些 CSS 和 Javascript 功能,特别是上面提到的功能。任何其他资源也将不胜感激。

谢谢!

编辑:

经过大量研究,我决定将 Transit 用于 CSS 动画,然后创建一个包含适当内容的 { display: none } div 元素。并使用 JS,点击触发 CSS 动画和 fadeIn() 函数从左侧滑动内容。感谢大家的帮助!

最佳答案

看来您需要继续阅读 CSS TransitionsAJAX .

关于javascript - 此导航栏上实现了哪些功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18794145/

上一篇:html - 导航面板样式问题

下一篇:jquery - 图像同时淡入

相关文章:

javascript - 使用ajax通过jquery调用php函数

javascript - 通过叠加背景可以看到 Bootstrap 事件选项卡

javascript - 将事件类添加到导航中的 ul 列表

javascript - addEventListener 给 IE8 带来问题。是否可以将我的 JavaScript 转换为 jQuery?

javascript - JQuery AJAX 和 OOP JS 作用域问题

html - 如何使用 CSS 更改单选按钮的大小?

javascript - 无法将 html 标签传递到 title 属性

javascript - 比较用css隐藏React组件和状态管理的性能

html - 这个空白空间实际上是开发工具无法识别的 margin-right 吗?

html - 是否可以仅使用 CSS 选择基于当前页面的元素?