網(wǎng)站制作NEWS
25個適用于手機網(wǎng)站的菜單插件分享
制作在桌面平臺使用的網(wǎng)站菜單并不復(fù)雜，因為已經(jīng)有很多案例給我們參考了，但是如果我要在手機網(wǎng)站制作呢？它的菜單要是怎么樣顯示？手機或平板電腦的分辨率比桌面電腦要小，一般菜單都不夠位置展示，當然分行顯示也是可以的，但是作為一個優(yōu)秀網(wǎng)頁設(shè)計，分行你不覺得很丑陋么，下面我給大家一些方案吧。
現(xiàn)在絕大部分人都使用了智能手機，而這些設(shè)備主要用Android、iOS、Winphone等系統(tǒng)，所以內(nèi)置的瀏覽器一般也支持CSS和jQuery，下面我們精選25個適用于手機網(wǎng)站的菜單插件，這些插件設(shè)計以及交互很不錯，也適用在響應(yīng)式設(shè)計，所以推薦使用它們，當然你也可以參考這些菜單重新設(shè)計樣式，對于Web設(shè)計師來說并不是難事。
jQuery.mmenu
下載地址
jPanelMenu
下載地址
PageSlide
下載地址
Slide and Push Menus
下載地址 | 在線演示
Google Nexus Website Menu
下載地址 | 在線演示
Transitions for Off-Canvas Navigations
下載地址 | 在線演示
Sidr
下載地址
Pure CSS Responsive Nav
下載地址 | 在線演示
Multi-Level Push Menu
下載地址 | 在線演示
Naver
下載地址 | 在線演示
Responsive-Menu
下載地址 | 在線演示
SmartMenus
下載地址 | 在線演示
FlexNav
下載地址
slimMenu
下載地址
jQuery Navobile
下載地址
MeanMenu
下載地址 | 在線演示
jQuery ReSmenu
下載地址
Flaunt.js for stylish responsive navigations with nested click-to-reveal
下載地址 | 在線演示
Drop-Down Navigation: Responsive and Touch-Friendly
下載地址 | 在線演示
CSS3 Responsive menu
下載地址 | 在線演示
Responsive Retina-Ready Menu
下載地址 | 在線演示
TinyNav.js
下載地址
Responsive Navigation
下載地址
HorizontalNav
下載地址
Easy Responsive Tabs to Accordion
下載地址
總結(jié)
從上面的插件可以看到手機菜單主要使用側(cè)邊欄來展示，和一些APP的UI設(shè)計十分相似，其次使用下拉框或響應(yīng)式設(shè)計，這些都是很好解決網(wǎng)站菜單的顯示問題，通過這些插件，手機網(wǎng)站已經(jīng)是未來需求，這些插件確實很有用處，記得收藏或分享，以備一時之需，最后希望你能設(shè)計出更多更棒的移動設(shè)備界面！
多重隨機標簽