javascript - 左側導航如何實現伸縮
問題描述
點擊按鈕然后變成:
這是用插件實現的嗎?要是用原生應該怎樣這個hover效果呢?
問題解答
回答1:這是adminlte的框架吧
原理就是用父節點的class來控制子節點的展示方式、
彈出的菜單就是你hover的子節點
https://adminlte.io/themes/Ad...
其實看看adminlte的代碼就知道了
<li class='active treeview menu-open'> <a href='http://www.intensediesel.com/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.intensediesel.com/wenda/index.html'><i class='fa fa-circle-o'></i> Dashboard v1</a></li><li class='active'><a href='http://www.intensediesel.com/wenda/index2.html'><i class='fa fa-circle-o'></i> Dashboard v2</a></li> </ul> </li>
相關文章:
1. mysql - 記得以前在哪里看過一個估算時間的網站2. python中merge后文件莫名變得非常大3. 希望講講異常處理4. css3 - 純css實現點擊特效5. docker start -a dockername 老是卡住,什么情況?6. javascript - 關于<a>元素與<input>元素的JS事件運行問題7. java - 為什么第一個線程已經釋放了鎖,第二個線程卻不行?8. css3 - [CSS] 動畫效果 3D翻轉bug9. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變10. 大家好,我想請問一下怎么做搜索欄能夠搜索到自己網站的內容。
