用jQuery实现当前页面给菜单导航一个特定样式
来源:互联网 发布:一键锁屏vivo下载软件 编辑:程序博客网 时间:2024/06/07 01:31
最最开始的时候用的是最笨的方法,就是每个导航页面都写得不一样。比方说index.html页面的时候,会在index导航的a标签一个.active样式,然后第二个Posts.html页面的时候会在Posts导航的a标签一个.active样式。这个虽然效果实现了,但是有个很大的缺点 – 导航不能调用一个,每个页面的导航写法不一样。
后来发现可以用PHP的GET变量来实现这个效果。这个效果比上一个好,可以调用同一个导航文件,但是现在想想,这个方法会让导航这个文件代码变得臃肿,每个a标签都要写个if语句判断语句。然后根据GET获得的变量来判断是否显示.active这个样式。
今天无意中看了下一个开源的后台模板。下载下来发现他这个是纯HTML也实现了这个功能,然后查看源代码,在charisma.js文件发现了下面这个关键的代码:
然后根据这个,自己写了个Demo,果然实现了。这下省了不少代码,也解决了一个我一直以来比较困惑的问题,看来还是得多看看别人的代码,学习。
Demo下载。
0 0
- 用jQuery实现当前页面给菜单导航一个特定样式
- jquery 给当前页面或者跳转后页面对应的导航栏添加选中样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- jquery实现menu导航菜单跳转样式
- jquery实现导航菜单
- 使用Jquery的toggle实现页面导航菜单
- 给当前页或者跳转后页面的导航栏添加选中样式
- 给当前页或者跳转后页面的导航栏添加选中样式
- JS巧妙实现多级菜单中当前菜单不随页面跳转样式而发生变化
- jQuery给跳转后页面的导航栏添加选中后样式
- jQuery实现彩色导航菜单
- jquery 实现两级导航菜单
- Jquery页面导航(菜单悬停,折叠效果)
- jQuery页面边缘固定的导航菜单
- boost使用property_tree操作xml
- 移动操作系统对比分析
- Could not execute JDBC batch update
- 使用Genymotion调试出现错误INSTALL_FAILED_CPU_ABI_INCOMPATIBLE解决办法
- svn命令行语句详解
- 用jQuery实现当前页面给菜单导航一个特定样式
- cocos2d自适应
- javascript中数组对象的unshift()方法
- Expecting a string, date or number here, Expression x is instead a freemarker.ext.beans.BooleanModel
- javascript中数组对象的slice()方法
- 绝对定位如何百分百宽
- 一波三折的proguard
- android Viewpager
- javascript中全局对象的parseInt() 方法