javascript - 左側(cè)導(dǎo)航如何實(shí)現(xiàn)伸縮
問題描述
點(diǎn)擊按鈕然后變成：
這是用插件實(shí)現(xiàn)的嗎？要是用原生應(yīng)該怎樣這個(gè)hover效果呢？
問題解答
回答1：這是adminlte的框架吧
原理就是用父節(jié)點(diǎn)的class來控制子節(jié)點(diǎn)的展示方式、
彈出的菜單就是你hover的子節(jié)點(diǎn)
https://adminlte.io/themes/Ad...
其實(shí)看看adminlte的代碼就知道了
<li class='active treeview menu-open'> <a href='http://www.gepszalag.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.gepszalag.com/wenda/index.html'><i class='fa fa-circle-o'></i> Dashboard v1</a></li><li class='active'><a href='http://www.gepszalag.com/wenda/index2.html'><i class='fa fa-circle-o'></i> Dashboard v2</a></li> </ul> </li>
相關(guān)文章：
1. 如何解決docker宿主機(jī)無法訪問容器中的服務(wù)？2. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個(gè)是怎么回事？？？？3. javascript - 請(qǐng)指條明路，angular的$event，在select中卻是undefined？4. 如何修改vim插件vimwiki中Vimwiki2HTML的一些細(xì)節(jié)5. javascript - JS事件委托問題6. javascript - 關(guān)于jquery的remove()方法7. JavaScript中怎么理解=、==和===8. java - Spring事務(wù)回滾問題9. javascript - vue.js如何遞歸渲染組件.10. mongodb - Mongo java驅(qū)動(dòng)中，有沒有封裝好的函數(shù)，可以直接取到文檔中的某個(gè)具體的值，而不是一個(gè)文檔？或者有沒有方法實(shí)現(xiàn)？？
網(wǎng)公網(wǎng)安備