首頁(yè)?>?知識(shí)?資訊?>?響應(yīng)式導(dǎo)航插件下載?>?正文

響應(yīng)式導(dǎo)航插件下載

2015/12/17 0:00:00 · 稿源:傳誠(chéng)信

為了適應(yīng)手機(jī)版的網(wǎng)站,網(wǎng)站導(dǎo)航都需要逐一優(yōu)化,今天分享最新的響應(yīng)式網(wǎng)站設(shè)計(jì)導(dǎo)航菜單插件,幫你節(jié)省大量時(shí)間?

Mmenu

這個(gè)mmenu插件除了能實(shí)現(xiàn)手機(jī)側(cè)邊欄菜單外,它設(shè)計(jì)的2級(jí)菜單效果也很棒,就像是iPhone的設(shè)置菜單一樣,可左右滑動(dòng)展開(kāi)。還有更多強(qiáng)大功能,比如為菜單加上圖標(biāo),展開(kāi)的方式等等。

響應(yīng)式導(dǎo)航插件下載

在線DEMO?|?下載插件

Drawer

Drawer的響應(yīng)式菜單帶有多種不同類型的展開(kāi)方式,從右邊、左邊、上邊、固定等。

響應(yīng)式導(dǎo)航插件下載

在線DEMO?|?下載插件

Formstone

Formstone是一個(gè)簡(jiǎn)約RWD導(dǎo)航,用戶可以自定義菜單左右展示,或者overlay、reveal、push方式展示。

響應(yīng)式導(dǎo)航插件下載

在線DEMO?|?下載插件

Sidebars

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

響應(yīng)式導(dǎo)航插件下載

在線DEMO?|?下載插件

Pushy

一個(gè)簡(jiǎn)單的側(cè)邊導(dǎo)航插件,如果不需要多級(jí)菜單,可以使用這個(gè),輕量級(jí)。

響應(yīng)式導(dǎo)航

在線DEMO?|?下載插件

Off-Canvas Menu Effects

這個(gè)菜單的展示特效非常弦,有的使用SVG動(dòng)畫實(shí)現(xiàn),推薦看看。

響應(yīng)式導(dǎo)航插件下載

在線DEMO?|?下載&教程

Mega-Site Navigation

很贊的一個(gè)RWD多級(jí)菜單,響應(yīng)式方面做得很好。

響應(yīng)式導(dǎo)航插件下載

在線DEMO?|?下載插件

Trunk.Js

輕量級(jí)響應(yīng)式網(wǎng)站導(dǎo)航插件,展開(kāi)動(dòng)畫效果平滑流暢。

響應(yīng)式導(dǎo)航插件下載

在線DEMO?|?下載插件

RWD Full Screen Navigation Menu

全屏式的響應(yīng)式導(dǎo)航,菜單文字好大只,很醒目哦~

響應(yīng)式導(dǎo)航插件下載

在線DEMO?|?下載(codepen)

總結(jié)

手機(jī)網(wǎng)站越來(lái)越流行,為了實(shí)現(xiàn)RWD導(dǎo)航,使用現(xiàn)成的響應(yīng)式菜單插件確實(shí)能省很多時(shí)間,而且用CSS修改樣式也很方便,只要找對(duì)一款合適的菜單即可,此外還大家還要以去cssmenumaker或navnav網(wǎng)站,里面也有一些RWD MENU分享。

? 優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 非特殊說(shuō)明,本文版權(quán)歸原作者所有,轉(zhuǎn)載請(qǐng)注明出處.

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354