首页 > 代码库 > 二级菜单打开后页面刷新不收缩效果

二级菜单打开后页面刷新不收缩效果

  最近正好有一个左侧导航栏的二级菜单打开后刷新页面默认开启的需求,但查阅一些资料后,发现方法都不是很方便,便自己动手写了一个。

我用了cookie来存一些值来用作判定。

1.首先你需要引入<script src="http://www.mamicode.com/assets/js/jquery.min.js"></script>和<script src="http://www.mamicode.com/assets/js/jquery.cookie.js"></script>

技术分享

 

2.下面是我的菜单格式

技术分享

3.然后可以接在菜单代码下面用js直接控制效果,我采用的cookie存值判定的方式,为ul添加或移除ulop的class属性

技术分享

 

4.然后可以接着在下面写js

技术分享

5.当然,文件引入和js内容可以根据需要自己调整,总之大概方法就是这样的,希望大家多多支持博客园!

二级菜单打开后页面刷新不收缩效果