javascript - 左側(cè)導(dǎo)航如何實(shí)現(xiàn)伸縮
問(wèn)題描述
點(diǎn)擊按鈕然后變成:
這是用插件實(shí)現(xiàn)的嗎?要是用原生應(yīng)該怎樣這個(gè)hover效果呢?
問(wèn)題解答
回答1:這是adminlte的框架吧
原理就是用父節(jié)點(diǎn)的class來(lái)控制子節(jié)點(diǎn)的展示方式、
彈出的菜單就是你hover的子節(jié)點(diǎn)
https://adminlte.io/themes/Ad...
其實(shí)看看adminlte的代碼就知道了
<li class='active treeview menu-open'> <a href='http://www.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://www.4tl426be.cn/wenda/index.html'><i class='fa fa-circle-o'></i> Dashboard v1</a></li><li class='active'><a href='http://www.4tl426be.cn/wenda/index2.html'><i class='fa fa-circle-o'></i> Dashboard v2</a></li> </ul> </li>
相關(guān)文章:
1. python 利用subprocess庫(kù)調(diào)用mplayer時(shí)發(fā)生錯(cuò)誤2. python文檔怎么查看?3. python - Pycharm的Debug用不了4. javascript - 關(guān)于apply()與call()的問(wèn)題5. datetime - Python如何獲取當(dāng)前時(shí)間6. javascript - nginx反向代理靜態(tài)資源403錯(cuò)誤?7. html - eclipse 標(biāo)簽錯(cuò)誤8. 請(qǐng)問(wèn)PHPstudy中的數(shù)據(jù)庫(kù)如何創(chuàng)建索引9. 安全性測(cè)試 - nodejs中如何防m(xù)ySQL注入10. python - pycharm 自動(dòng)刪除行尾空格
