页面菜单选中Jquery
来源:互联网 发布:日本人用什么聊天软件 编辑:程序博客网 时间:2024/05/15 21:25
干货:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <aside class="col-sm-3 col-md-2 col-lg-2 sidebar"> <ul class="nav nav-sidebar"> <li><a href="javascript:void(0)">报告</a></li> </ul> <ul class="nav nav-sidebar"> <li><a href="${pageContext.request.contextPath}/admin/blog/listPage.html">文章</a></li> <li><a href="notice.html">公告</a></li> <li><a href="comment.html">评论</a></li> <li><a data-toggle="tooltip" data-placement="bottom" title="网站暂无留言功能">留言</a></li> </ul> <ul class="nav nav-sidebar"> <li><a href="category.html">栏目</a></li> <li><a class="dropdown-toggle" id="otherMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">其他</a> <ul class="dropdown-menu" aria-labelledby="otherMenu"> <li><a href="flink.html">友情链接</a></li> <li><a data-toggle="modal" data-target="#areDeveloping">访问记录</a></li> </ul> </li> </ul> <ul class="nav nav-sidebar"> <li><a class="dropdown-toggle" id="userMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">用户</a> <ul class="dropdown-menu" aria-labelledby="userMenu"> <li><a data-toggle="modal" data-target="#areDeveloping">管理用户组</a></li> <li><a href="manage-user.html">管理用户</a></li> <li role="separator" class="divider"></li> <li><a href="loginlog.html">管理登录日志</a></li> </ul> </li> <li><a class="dropdown-toggle" id="settingMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">设置</a> <ul class="dropdown-menu" aria-labelledby="settingMenu"> <li><a href="setting.html">基本设置</a></li> <li><a href="readset.html">阅读设置</a></li> <li role="separator" class="divider"></li> <li><a data-toggle="modal" data-target="#areDeveloping">安全配置</a></li> <li role="separator" class="divider"></li> <li class="disabled"><a>扩展菜单</a></li> </ul> </li> </ul></aside><script>$(document).ready(function () { /*通过地址栏url激活菜单状态*/ $(".sidebar .nav-sidebar li a").each(function () { if (window.location==$(this)[0].href) { $(this).removeAttr("data-hover"); $(this).parent().addClass('active').siblings().removeClass("active"); } });});</script>
阅读全文
0 0
- 页面菜单选中Jquery
- 利用jQuery load 方法加载HTML公共页面,导航菜单自动选中
- js实现页面跳转菜单选中
- Jquery的li导航菜单选中
- jQuery高亮当前选中菜单
- JSP页面中的菜单 选中后的菜单 样式修改 如何判断选中的菜单
- jquery select 赋值 选中 修改页面
- 屏蔽鼠标右击菜单以及禁止选中页面内容
- jsp/html公共菜单部分刷新页面添加选中样式
- 用jquery ajax做的select菜单,选中的效果
- jquery实现导航菜单点击切换选中时高亮状态
- 页面下拉菜单实现(Jquery 协助实现)
- Jquery页面导航(菜单悬停,折叠效果)
- jQuery页面边缘固定的导航菜单
- 导航跳转后保持选中状态 jquery高亮当前选中菜单
- 用jquery遍历页面所有选中的checkbox.
- Jquery获取页面中checkbox组中被选中的值
- 用jquery遍历页面所有选中的checkbox
- js实现文件下载自定义下载路径
- PHP学习(7)-文件的上传
- samba最简单实用
- topcoder[SRM 377]外星语言
- Linux文件内容查看
- 页面菜单选中Jquery
- Java核心技术点之集合框架
- 进程管理API之pid_task
- (C语言)大写字母转换成小写字母问题
- Python+numpy实现矩阵QR分解
- 批量截断表
- iText的简单应用-图象和文本的绝对位置
- opencv仿射变换、透视变换
- Android源代码编译命令m/mm/mmm/make分析