zblog教程 内容:90

zblog分类菜单栏a标签切换页面高亮

  • 查看作者
  • zblog可以通过js获取浏览器url地址,当我们点击分类会自动给a标签添加一个on的class,这样就可以设置一个css样式为菜单栏文字继续高亮。

    zblog分类菜单栏a标签切换页面高亮 zblog 第1张图片

    html实例
    <div class="subnav">
        <ul>      
            <li><a class="" href="">分类1</a></li>    
            <li><a class="" href="">分类2</a></li>    
            <li><a class="" href="">分类3</a></li>    
        </ul>    
    </div>

    PS:div 添加class="navbar" 选择器

    js代码

    付费资源

    您需要注册登录后通过购买才能查看!

    PS:点击a标签会自动添加class="on"

    如果是网站导航栏目高亮,请看下面引用的文章。本篇是指定的分类栏菜单高亮。

    zblog网站导航菜单栏当前页面高亮
    zblog导航菜单栏高亮,当用户访问首页,访问分类页,访问文章页,访问单页,访问标签,会自动给导航添加 class="active" 选择器,我们可以定义这个样式,比如红色,比如下 (查看原文)

    请登录之后再进行评论

    登录
    最新评论
    99U币
    已有711人浏览, 0人付费购买, 浏览收益0, 礼物收益0, 打赏收益0, 点赞收益0, 广告收益0, 付费收益0, 获得总收益0U币
    也可开通会员全场文章免费看
    立即购买