首页 > 技术文章 > 菜单栏切换样式

skyislimit 2016-04-12 12:49 原文

 1 <%@ page contentType="text/html;charset=UTF-8" %>
 2 <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
 3  <script type="text/javascript">
 4  $(document).ready(function () {
 5      $('#staticMenu li a').each(function () {
 6          if ($($(this))[0].href == String(window.location)){
 7              $("#staticMenu li a").removeClass("bactive");
 8              $(this).addClass('bactive');
 9          }
10      });
11  })
12  </script>
13 
14         <div class="col-md-12 p-x-0 navBarBG" id="staticMenu">
15             <ul class="nav nav-pills">
16                 <li class="nav-item">
17                     <a href="${ctx}/rsoa/proposal/proposalStatisticalChart" class='nav-link'>VC统计图</a>
18                 </li>
19                 <li class="nav-item">
20                     <a href="${ctx}/rsoa/statistics/proposalReasonList" class='nav-link'>按BB统计</a>
21                 </li>
22                 <li class="nav-item">
23                     <a href="${ctx}/rsoa/statistics/officeList" class='nav-link'>按AA统计</a>
24                 </li>
25                 <li class="nav-item">
26                     <a href="${ctx}/rsoa/statistics/categoryList" class='nav-link'>按DD别统计</a>
27                 </li>
28                 <li class="nav-item">
29                     <a href="${ctx}/rsoa/statistics/typeList" class='nav-link'>按EE型统计</a>
30                 </li>
31             </ul>
32         </div>

 

 


   +++++++++++++++在其他各个分页面可以引入公用菜单+++++++++++++

 

1 <div class="container-fluid navBar p-x-0">
2     <div class="row m-x">
3       <jsp:include page="/WEB-INF/views/modules/****/staticMenu.jsp"/>
4     </div>
5 </div>

 

推荐阅读