导航栏一般做为母版页,为了使增加用户体验,往往在用户进入某个页面给予导航栏相应的样式,这里可以用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>

最新文章

  1. JDK动态代理
  2. Elastic学习第一天遇到的问题以及添加的一些操作
  3. 懒加载(getter\setter理解)
  4. LVS原理与使用(1)
  5. ThinkPHP学习(一)
  6. DG - 将physical standby置于read-only模式
  7. java IO流的体系结构图
  8. OC基础(7)
  9. java编解码技术,json序列化与二进制序列化
  10. maven依赖缺少oracle驱动包
  11. MFC断点无效
  12. PHP字节格式化
  13. Macaca拓展自己控件的方法
  14. JarvisOJ Misc webshell分析
  15. java调用webservice方法
  16. Java 浮点数精度丢失
  17. Android工程运用阿里freeline10秒快速编译分享
  18. 部署图像深度学习Web网站
  19. celery中的生产者消费者问题
  20. Tensorflow函数——tf.placeholder()函数

热门文章

  1. vue_cli下开发一个简单的模块权限系统之建立登录页面并且实现在浏览器输入地址出现内容
  2. ORACLE 中dbms_stats的使用
  3. Eclipse中使用Spring IOC容器的具体方法
  4. 项目笔记《DeepLung:Deep 3D Dual Path Nets for Automated Pulmonary Nodule Detection and Classification》(三)(上)结果评估
  5. C++_派生类的构造函数及派生类和基类之间的特殊关系
  6. HDU6444(子段和、分情况比较)
  7. python3 多线程笔记
  8. 7.Hibernate 检索
  9. sql函数将1,2,3转换为表
  10. 如何 将下载离线 nupkg 文件 安装到VS2017