js动态控制导航栏样式
2024-09-07 21:06:56
导航栏一般做为母版页,为了使增加用户体验,往往在用户进入某个页面给予导航栏相应的样式,这里可以用js动态添加
<div class="box_left fl">
<dl class="box_Order">
<dt>订单中心</dt>
<dd><a href="/user/UserOrder">我的订单</a></dd>
<dd><a href="/user/Comment">我的评价</a></dd>
<dd><a href="/user/ConsultingReply">咨询回复及投诉</a></dd>
<dd><a href="#">返修退换货</a></dd>
</dl>
<dl class="box_Order box_Order1">
<dt>我的关注</dt>
<dd><a href="/user/UserAttentionProduct">关注的商品</a></dd>
<dd><a href="/user/UserAttentionStore">关注的商铺</a></dd>
<dd><a href="/user/UserBrowse">浏览历史</a></dd>
</dl>
<dl class="box_Order box_Order1">
<dt>我的金融</dt>
<dd><a href="#">我的养老账户</a></dd>
<dd><a href="#">我的金币</a></dd>
<dd><a href="#">我的理财</a></dd>
<dd><a href="#">优惠券</a></dd>
</dl>
<dl class="box_Order box_Order1">
<dt>我的慈善</dt>
<dd><a href="#">我的文章</a></dd>
<dd><a href="#">我的活动</a></dd>
<dd><a href="#">申请养老金</a></dd>
</dl>
</div>
<script type="text/javascript">
$(function () {
var splitStr = window.location.href.split("?")[0].split("/");
var page = splitStr[splitStr.length - 1].toLocaleLowerCase();
$("a", ".box_left",".fl").each(function (i, u) {
//i用来计数,u获取当前对象
var temp = $(u).attr("href").split('/');
if (temp[temp.length - 1].toLocaleLowerCase() == page) {
$(u).removeClass().addClass("active");
};
});
});
</script>
最新文章
- JDK动态代理
- Elastic学习第一天遇到的问题以及添加的一些操作
- 懒加载(getter\setter理解)
- LVS原理与使用(1)
- ThinkPHP学习(一)
- DG - 将physical standby置于read-only模式
- java IO流的体系结构图
- OC基础(7)
- java编解码技术,json序列化与二进制序列化
- maven依赖缺少oracle驱动包
- MFC断点无效
- PHP字节格式化
- Macaca拓展自己控件的方法
- JarvisOJ Misc webshell分析
- java调用webservice方法
- Java 浮点数精度丢失
- Android工程运用阿里freeline10秒快速编译分享
- 部署图像深度学习Web网站
- celery中的生产者消费者问题
- Tensorflow函数——tf.placeholder()函数
热门文章
- vue_cli下开发一个简单的模块权限系统之建立登录页面并且实现在浏览器输入地址出现内容
- ORACLE 中dbms_stats的使用
- Eclipse中使用Spring IOC容器的具体方法
- 项目笔记《DeepLung:Deep 3D Dual Path Nets for Automated Pulmonary Nodule Detection and Classification》(三)(上)结果评估
- C++_派生类的构造函数及派生类和基类之间的特殊关系
- HDU6444(子段和、分情况比较)
- python3 多线程笔记
- 7.Hibernate 检索
- sql函数将1,2,3转换为表
- 如何 将下载离线 nupkg 文件 安装到VS2017