thinkcmf 导航高亮制作方法(适用于多级导航)(通用)

Posted MY0101

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了thinkcmf 导航高亮制作方法(适用于多级导航)(通用)相关的知识,希望对你有一定的参考价值。

平时用thinkcmf网站开发经常需要导航点击之后高亮,就写了一些实现方法分享一下。

思路很简单,先获取当前页面的顶级栏目的地址,然后与导航中的地址比较,相同的就加上一个class,把下面函数理解了不管一级、二级、三级都能做。

1、添加函数

/*获取当前栏目的顶级栏目地址适用2级栏目*/
function get_top_url($c,$id){
    $arr[‘href‘][‘action‘]="Portal/".$c."/index";
    $arr[‘href‘][‘param‘][‘id‘]=$id;
    $nav=M(‘nav‘);
    $rs=$nav->select();
    foreach($rs as $k=>$v){
         $rs[$k][‘href‘]=unserialize(stripslashes($v[‘href‘]));
     }
    foreach($rs as $k=>$v){
        if($v[‘href‘]==$arr[‘href‘]){
            $a=$v;
        }
    }
    if($a[‘parentid‘]==0){
        $href=$a[‘href‘];
    }else{
        $id=$a[‘parentid‘];
        $result=$nav->find($id);
        $href=unserialize(stripslashes($result[‘href‘]));
    }
   if($href){
           $href=leuu($href[‘action‘],array(‘id‘=>$href[‘param‘][‘id‘]));
        $default_app=strtolower(C("DEFAULT_MODULE"));
        $g=C("VAR_MODULE");
        $href=preg_replace("/\/$default_app\//", "/",$href);
        $href=preg_replace("/$g=$default_app&/", "",$href);
   }else{
           $href="/";
   }
   
    return $href;
}

 

2、模板调用

<php>
    /*获取主导航*/
    $menu=sp_get_menu_tree(1);
    /*获取当前页面的顶级栏目的地址*/
    if(CONTROLLER_NAME=="Article"){
        $url=get_top_url("List",$term_id);
    }else{
        $url=get_top_url(CONTROLLER_NAME,$_GET[‘id‘]);
    }
  //上传到服务器时,可删除下面行,为了本地测试所用 http://localhost/gupiao/
  //$url = ‘/gupiao‘ . $url;
</php>

<volist name="menu" id="vo" key="k">
  /*判断当前页面的顶级栏目的地址$url与导航中的链接$vo["href"]是否一样*/
      <li  class="n1 <eq name=‘url‘ value=‘$vo["href"]‘>selected_u</eq>">
           <a href="{$vo[‘href‘]}" target="{$vo[‘target‘]}">{$vo[‘label‘]}</a>
         <notempty name="vo[‘child‘]">
           <ul class="navMoreUL">
              <volist name="vo[‘child‘]" id="v">
                   <li><a href="{$v[‘href‘]}" target="{$v[‘target‘]}">{$v[‘label‘]}</a></li>
               </volist>
           </ul>
       </notempty>
       </li>
</volist>
 

摘自:http://www.zhlblog.com/article/29.html

以上是关于thinkcmf 导航高亮制作方法(适用于多级导航)(通用)的主要内容,如果未能解决你的问题,请参考以下文章

分享一些经典的特效效果,希望对大家有帮助

实现 Bootstrap 5 多级下拉垂直导航栏的干净方法是啥? [复制]

如何使用 Bootstrap 4 和 Angular 7 在导航栏中制作多级下拉菜单

js实现当前导航菜单高亮显示

segues 仅适用于导航控制器吗? [关闭]

多级导航菜单 Balzor 服务器端应用程序