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>
  • 相关阅读:
    项目选题报告答辩总结
    项目UML设计(团队)
    项目选题报告答辩总结
    第七次作业
    结对第二次
    第四次作业
    alpha冲刺4
    alpha冲刺3
    alpha冲刺2
    alpha冲刺1
  • 原文地址:https://www.cnblogs.com/guoyachao/p/9115206.html
Copyright © 2011-2022 走看看