zoukankan      html  css  js  c++  java
  • jquery导航栏高亮(二级菜单点击一级保持高亮)

    <script type="text/javascript">
      var urlstr = location.href;
      var urlstatus=false;
      $("#navchange a").each(function () {  
        if ((urlstr + '/').indexOf($(this).attr('href')) > -1&&$(this).attr('href')!='') {
          $(this).addClass('cur');
           urlstatus = true;
        } else {
          $(this).removeClass('cur');
        }
      });
      $("#first-menu a").each(function(){
        //判断拥有cur样式的a标签
        if($(this).hasClass('cur')){  
        //把当前拥有cur样式a标签的祖辈的同胞为a的元素,也就是父级菜单的样式添加为cur    
            $(this).parents('ul').siblings('a').eq(0).addClass('cur'); 
            //设置urlstatus变量为true 
            urlstatus = true;            
        }
    }) 
      if (!urlstatus) {$("#navchange a").eq(0).addClass('cur'); }
    </script>
    <ul id="navchange">
                    {volist name="tptop" id="vo"}
                    {if condition="$vo['show'] eq 1"}
                    <li id="first-menu">
                    {if condition="$vo['links'] neq ''"}
                        <a href="{$vo.links}">{$vo.name}</a>
                        <ul>
                            {volist name="tptops" id="vs"}
                                {if condition ="$vo.id eq $vs['tid']"}
                                    {if condition="$vs['show'] eq 1"}
                                        <li><a href="{$vs.links}">{$vs.name}</a></li>
                                    {/if}
                                {/if}
                            {/volist}
                        </ul>
                    {/if}    
                    </li>
                    {/if} 
                {/volist}
                </ul>
  • 相关阅读:
    Blob格式数据处理以及DataTable问题处理
    JavaScript 与 jQuery-简记
    JFinal-学习笔记(下)
    JFinal学习笔记
    工作记录
    读书笔记——计算机科学导论
    面试经验大全
    如何在liunx系统发布项目
    面试必备
    最全面的测试用例
  • 原文地址:https://www.cnblogs.com/guoyachao/p/9115206.html
Copyright © 2011-2022 走看看