首页 > 站长学院 > ZBlog模板

ZBlog头部模板header.php导航高亮代码

ZBlog模板 2025-11-25 10:07:37

摘要:header.php文件:{php}$_id="";$_type="index";if($type==‘cate

header.php文件:

{php}
$_id="";
$_type="index";
if($type=='category'){
    $_id=$category->RootID?$category->RootID:$category->ID;
    $_type="category";
}elseif($type=='article'){
    $_id=$article->Category->RootID?$article->Category->RootID:$article->Category->ID;
    $_type="category";
}elseif($type=='page'){
    $_id=$article->ID;
    $_type="page";
}
{/php}
<div class="header" data-type="#{$_type}{$_id}">
    <nav>
        <div class="logo">
            <a href="{$host}"><img src="{$zbp->Config('teke')->UserLogo}" alt="{$zbp->Config('teke')->UserBrand}"></a>
        </div>
        <ul>
            {module:navbar}
        </ul>
        <span class="wap"></span>
    </nav>
</div>


js部分:

// 导航高亮
$(function(){
    $($(".header").attr('data-type')).addClass("active");
});


注:

需要引入JQuery文件。