css 带有下拉子菜单的响应式导航
Css Responsive navigation with drop down sub menu
所以这是我的Codepen版本。http://codepen.io/pixel8-designs/pen/nkGfa
首先,我将首先说这是我大量分叉的其他人代码的版本,
我想做的是在里面做一个下拉菜单。我打算尝试一个复选框黑客,但由于它已经在使用中,我尝试使用 onClick jQuery。
在我的代码笔上,我已经在所有这些下制作了 Div 子菜单,因为如果您全屏单击它,我不喜欢它的外观,我希望它放在它们下面......
如果有人能够看一看并看到一种简单的方法来使其工作,我将不胜感激!
我也会在这里上传代码,但因为那是弄清楚如何使用 atrl+k 将其全部粘贴到其中的努力......它都在代码笔上,如果不是 Firefox,则可以在 Chrome 中使用。
再次感谢
试试 Twitter Bootstrap 它很容易做你需要的任何类型的事情。您还可以自定义它以满足您的需求,您也可以轻松采用下拉菜单。快速进入他的框架,你的工作就会变得更容易:)
干杯!
相关文章:
- Bootstrap响应式导航栏
- 固定顶部导航栏下方的响应式全屏视频
- 单击链接时折叠响应式导航
- 针对浏览器的不同响应的Backbone.js路由器模式“;背面“;按钮或直接导航
- 响应式导航栏不起作用,品牌变得一团糟
- 将响应导航应用于两种不同的导航
- 在滚动上设置响应式固定导航
- 打开/关闭后的解决方案消失响应导航
- 响应式导航在页面加载时打开,然后隐藏.应该在页面加载时隐藏
- 如何让 AngularJS 响应导航
- 引导响应导航崩溃的问题
- 我的响应导航没有'当调整大小从响应变为非响应时,不要隐藏
- 试图使响应导航在每个页面中默认隐藏选项
- 当响应导航崩溃开始时引发JavaScript事件
- 滑块不响应导航箭头
- 修复了当项目数量超过容器宽度时的动态响应导航
- Bootrap3响应导航已停止在移动&平板电脑屏幕大小
- 适用于小型设备的Twitter引导响应导航栏标题
- 响应导航栏中的汉堡图标无法正常工作
- 引导响应导航条的手机和其他设备