成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 左側(cè)導(dǎo)航如何實(shí)現(xiàn)伸縮

瀏覽:153日期:2023-04-16 09:17:02

問題描述

javascript - 左側(cè)導(dǎo)航如何實(shí)現(xiàn)伸縮

點(diǎn)擊按鈕然后變成:javascript - 左側(cè)導(dǎo)航如何實(shí)現(xià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://m.piao2010.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://m.piao2010.com/wenda/index.html'><i class='fa fa-circle-o'></i> Dashboard v1</a></li><li class='active'><a href='http://m.piao2010.com/wenda/index2.html'><i class='fa fa-circle-o'></i> Dashboard v2</a></li> </ul> </li>

標(biāo)簽: JavaScript
相關(guān)文章: