分類導(dǎo)航

【源碼分享】jquery+css實現(xiàn)側(cè)邊導(dǎo)航欄

發(fā)布時間：2017年06月23日作者： IT網(wǎng)絡(luò)文摘 (該文來自筆記，點擊查看原文)

　最近做項目的時候，突然想用一個側(cè)邊導(dǎo)航欄，網(wǎng)上找了幾個插件，有的太丑而且不太符合我的預(yù)期。與其修改別人的代碼，不如自己來寫一個了。廢話不多說先上圖，感興趣的請繼續(xù)看下去。

1效果圖　　

萬碼學(xué)堂,電腦培訓(xùn),計算機培訓(xùn),Java培訓(xùn),JavaEE開發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

當(dāng)有頂部導(dǎo)航欄的時候側(cè)邊導(dǎo)航欄會消失。

萬碼學(xué)堂,電腦培訓(xùn),計算機培訓(xùn),Java培訓(xùn),JavaEE開發(fā)培訓(xùn),青島軟件培訓(xùn),軟件工程師培訓(xùn)

　　響應(yīng)式方面，同樣的頂部導(dǎo)航欄消失后右下角的圖標(biāo)才出現(xiàn)。點擊出現(xiàn)導(dǎo)航，選中后消失；

　　這里是個demo ，沒有做平滑滾動，需要的可以自己加上。

　　大體就介紹這么多吧，下面上代碼。