javascript - 左側導航如何實現伸縮
問題描述
點擊按鈕然后變成:
這是用插件實現的嗎?要是用原生應該怎樣這個hover效果呢?
問題解答
回答1:這是adminlte的框架吧
原理就是用父節點的class來控制子節點的展示方式、
彈出的菜單就是你hover的子節點
https://adminlte.io/themes/Ad...
其實看看adminlte的代碼就知道了
<li class='active treeview menu-open'> <a href='http://www.cgvv.com.cn/wenda/4716.html#'><i class='fa fa-dashboard'></i> <span>Dashboard</span><span class='pull-right-container'> <i class='fa fa-angle-left pull-right'></i></span> </a> <ul class='treeview-menu'><li><a href='http://www.cgvv.com.cn/wenda/index.html'><i class='fa fa-circle-o'></i> Dashboard v1</a></li><li class='active'><a href='http://www.cgvv.com.cn/wenda/index2.html'><i class='fa fa-circle-o'></i> Dashboard v2</a></li> </ul> </li>
相關文章:
1. atom開始輸入!然后按tab只有空格出現沒有html格式出現2. javascript - js setTimeout在雙重for循環中如何使用?3. javascript - vue-cli npm run build編譯報錯4. mysql - 這種分級一對多,且分級不平衡的模型該怎么設計表?5. java - 創建maven項目失敗了 求解決方法6. javascript - 有適合開發手機端Html5網頁小游戲的前端框架嗎?7. javascript - arguments.callee8. python - pip install出現下面圖中的報錯 什么原因?9. java - 線上應用,如果數據庫操作失敗的話應該如何處理?10. node.js - 阿里云ECS,阿里云Docker,還有Leancloud的LeanEgine,哪個更適合NodeJs WebApp?
