jquery - 可折叠菜单栏

标签 jquery css

我正在寻找可折叠的菜单栏(如 Foundation 或 Bootstrap)。

除了菜单栏,我不需要任何其他组件。我知道我可以下载自定义组件,但我更愿意学习如何从头开始制作一个组件,这样我就可以更好地理解它们的工作原理。

有谁知道制作教程吗?

最佳答案

这是一个很棒的文档的直接链接。非常翔实......

http://getbootstrap.com/examples/navbar-static-top/

它不提供任何 CSS,但您可以检查某些元素(f12 或右键单击:检查元素)并发现它们的 CSS 属性,然后自己尝试。

里面有很多信息,可能有点让人不知所措。特别是他们提供的所有代码。尝试慢慢阅读它,因为它确实包含了制作导航栏所需的所有信息,尤其是符合您标准的导航栏。

另一个很好的链接在这里:

http://jqbox.webflow.com/

向您展示一切,包括 JQuery 代码。如果你想要 CSS 相同的大小写,但因为它不是 Bootstrap ,你可以获得具有相同检查元素功能的物理 CSS 或直接链接到样式表 -- http://jqbox.webflow.com/jqbox.webflow.css

关于jquery - 可折叠菜单栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22994108/

相关文章:

javascript - Chrome 扩展程序弹出按钮在第二次按下后没有变化

jquery - select2 与 closeOnSelect false 丢失选择上的滚动位置

jquery - 更改表格宽度并显示一个 div onClick

javascript - 表单发送成功后如何隐藏 "submit"按钮?

javascript - 是否可以禁用 <select> 和 <option> 标签的下拉行为?

javascript - 根据子图像设置DIV宽度

html - 滚动条位于绝对位置之上

javascript - 在屏幕中垂直居中文本

css - 当高度未知时使用 flexbox 垂直居中时出现问题

html - 如何在 Rails 中启用自动代码重新加载