基于bootstrap的后台左侧导航菜单和点击二级菜单刷新二级页面时候菜单展开显示当前菜单...

本文使用的框架版本为:

bootstrap3,Jquery2.1.0  (其他jquery可能会报错,菜单项不执行

效果如下:

基于bootstrap的后台左侧导航菜单和点击二级菜单刷新二级页面时候菜单展开显示当前菜单..._第1张图片

基于bootstrap的后台左侧导航菜单和点击二级菜单刷新二级页面时候菜单展开显示当前菜单..._第2张图片

1.在项目中引入框架:

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8">script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8">script>

2.自定义样式

3.jquery控制页面点击后展开合并

4.html 

index.html

这样菜单已经可以运行了,然后还需要点击产品库存的时候仓库管理展开

a页面菜单部分和inde上面一样

 

 

具体代码如下:

https://pan.baidu.com/s/1i5wvfOp  

提取密码  bjk2

 

转载于:https://www.cnblogs.com/chaihy/p/6999614.html

你可能感兴趣的:(基于bootstrap的后台左侧导航菜单和点击二级菜单刷新二级页面时候菜单展开显示当前菜单...)