當前位置:編程學習大全網 - 網站源碼 - layui側邊欄折疊和展開效果該怎麽實現

layui側邊欄折疊和展開效果該怎麽實現

1、首先引入layui的樣式代碼。

2、然後創建html代碼,添加上layui的導航樣式,layui-nav。

3、運行頁面,這時就可以看到壹個美觀的導航菜單了。

4、現在的菜單右邊有很多空白的地方,可以添加樣式,為導航欄條目添加長度,讓其布滿頁面。添加壹個樣式,註意樣式名和剛才默認的樣式名壹樣。添加width:25%的樣式。

5、再次運行頁面,現在導航欄的條目布滿了,沒有留下過多的空白了。

  • 上一篇:網頁木馬如何用!非要自己有web空間麽!
  • 下一篇:什麽是520定律
  • copyright 2024編程學習大全網