2012-03-26 88 views
2

我想在桌面和平板电脑尺寸的右上方有一个水平下拉菜单,并且在相同菜单的手机尺寸上有一个口琴效果,但这次是一个垂直菜单。这是可能的和如何?欢迎任何教程或示例或其他解释。响应式设计更改菜单jquery(或css)对调整大小的影响

+0

到目前为止您有试过任何东西吗? – Kyle 2012-03-26 08:35:32

+0

是的,我已经尝试过,但还没有成功。我现在有两个菜单,而不是一个;设置为'display:none'作为桌面尺寸的下拉菜单,手机尺寸为1(手风琴)。手机菜单在手机尺寸上效果不佳(太窄)。我宁愿只使用一个菜单,所以如果你有另一个解决方案,请让我知道。 [链接](http://www.dixdesign.net/test/menu/index.html) – Dix 2012-03-26 13:09:04

回答

1

是的,这是可能的。

在简单的步骤,你应该做的:

  1. 请在HTML列表。
  2. 风格它的桌面(here's a tutorial为“口鱼”式的下拉菜单)
  3. 风格它使用@media query(移动,我通常美国< 600像素的屏幕宽度)移动观众。您可能想要隐藏菜单以及一些其他更改。
  4. 单击菜单链接时添加accordion effect

如果这不起作用,那么下次给出一些你尝试过的东西的具体细节,哪些是有效的,哪些没有。

+0

下面是即时通讯工作的内容:[link](http://www.dixdesign.net/test/menu/index。 HTML) – Dix 2012-03-26 13:31:00