CSS圖書館 ? HTML & CSS ? 優化手機網站菜單 9款響應式導航插件下載

热血传奇装备补丁:優化手機網站菜單 9款響應式導航插件下載

發表于: HTML & CSS, 優秀設計資源. 評論
贊助商鏈接

腾讯热血传奇开服表 www.cjwjs.icu 為了適應手機版的網站,網站導航都需要做一優化,比如使用漢堡包導航,前期我們分享過《25個適用于手機網站的菜單插件》可幫助大家搭建手機網站,方便了很多,如果你在這25個菜單插件中還沒找到適合自己的話,那就看看今天為大家分享最新的一些RWD菜單插件,也許你會在下個項目上用上哦!

mmenu

這個mmenu插件除了能實現手機側邊欄菜單外,它設計的2級菜單效果也很棒,就像是iPhone的設置菜單一樣,可左右滑動展開?;褂懈嗲看蠊δ?,比如為菜單加上圖標,展開的方式等等。

響應式導航

在線DEMO | 下載插件

Drawer

Drawer的響應式菜單帶有多種不同類型的展開方式,從右邊、左邊、上邊、固定等。

響應式導航

在線DEMO | 下載插件

Formstone

Formstone是一個簡約RWD導航,用戶可以自定義菜單左右展示,或者overlay、reveal、push方式展示。

響應式導航

在線DEMO | 下載插件

Sidebars

Sidebars是一個jQuery插件,可以幫你快速搭建你APP一樣的off-canvas菜單,有2種展示方式,一種是在菜單展示的時候,右側內容也跟著向右縮,另一種是直接覆蓋在內容的上面,具體請看DEMO吧。

響應式導航

在線DEMO | 下載插件

Pushy

一個簡單的側邊導航插件,如果不需要多級菜單,可以使用這個,輕量級。

響應式導航

在線DEMO | 下載插件

Off-Canvas Menu Effects

這個菜單的展示特效非常弦,有的使用SVG動畫實現,推薦看看。

響應式導航

在線DEMO | 下載&教程

Mega-Site Navigation

很贊的一個RWD多級菜單,響應式方面做得很好。

響應式導航

在線DEMO | 下載插件

Trunk.js

輕量級響應式網站導航插件,展開動畫效果平滑流暢。

響應式導航

在線DEMO | 下載插件

RWD full screen navigation menu

全屏式的響應式導航,菜單文字好大只,很醒目哦~

響應式導航

在線DEMO | 下載(codepen)

總結

手機網站越來越流行,為了實現RWD導航,使用現成的響應式菜單插件確實能省很多時間,而且用CSS修改樣式也很方便,只要找對一款合適的菜單即可,此外還大家還要以去cssmenumakernavnav網站,里面也有一些RWD MENU分享。

推薦:查看最受歡迎的 301 個設計網站 → //hao.www.cjwjs.icu
交流:結交更多有才華的設計師?請加入UI設計QQ群,與50000名設計師交流設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。