2012-03-26 83 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