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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM