javascript - 左侧导航如何实现伸缩
问题描述
点击按钮然后变成:
这是用插件实现的吗?要是用原生应该怎样这个hover效果呢?
问题解答
回答1:这是adminlte的框架吧
原理就是用父节点的class来控制子节点的展示方式、
弹出的菜单就是你hover的子节点
https://adminlte.io/themes/Ad...
其实看看adminlte的代码就知道了
<li class='active treeview menu-open'> <a href='https://www.haobala.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='https://www.haobala.com/wenda/index.html'><i class='fa fa-circle-o'></i> Dashboard v1</a></li><li class='active'><a href='https://www.haobala.com/wenda/index2.html'><i class='fa fa-circle-o'></i> Dashboard v2</a></li> </ul> </li>
相关文章:
1. 怎么学好php2. Thinkphp 下载地址找不到了?3. python - import里的dot是以哪个路径作为根目录的?4. javascript - 百度地图自己的产品可以精确定位,为什么我调用他的公开API却必须经过用户同意才能获取精确定位,而且还慢?5. mybatis - Java关于Mysql的随机id生成6. 网页爬虫 - Python爬虫入门知识7. mysql - 数据库建字段,默认值空和empty string有什么区别 1108. 在MySQL数据库中查询表里的记录条数的代码怎么写?9. 如何更新/删除指定的两条或多条数据10. javascript - echart+百度地图