javascript - 左側導航如何實現伸縮
問題描述
點擊按鈕然后變成:
這是用插件實現的嗎?要是用原生應該怎樣這個hover效果呢?
問題解答
回答1:這是adminlte的框架吧
原理就是用父節點的class來控制子節點的展示方式、
彈出的菜單就是你hover的子節點
https://adminlte.io/themes/Ad...
其實看看adminlte的代碼就知道了
<li class='active treeview menu-open'> <a href='http://m.4tl426be.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://m.4tl426be.cn/wenda/index.html'><i class='fa fa-circle-o'></i> Dashboard v1</a></li><li class='active'><a href='http://m.4tl426be.cn/wenda/index2.html'><i class='fa fa-circle-o'></i> Dashboard v2</a></li> </ul> </li>
相關文章:
1. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處2. javascript - ios返回不執行js怎么解決?3. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題4. 視頻文件不能播放,怎么辦?5. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?6. html5 - HTML代碼中的文字亂碼是怎么回事?7. javascript - 求幫助 , ATOM不顯示界面!!!!8. mysql 查詢身份證號字段值有效的數據9. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示10. javascript - 為什么在谷歌控制臺 輸出1的時候,輸出的1立馬就不見了
