首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    zblogphp导航高亮代码分享教程

    导航高亮如本站演示,首页、列表页、文章页均可高亮。...因为本站的主题是一个免费的zblogphp主题,所以一些好的东西可能没有,所以只好自己研究,本身自带导航高亮的功能,但是只有首页和列表页才有高亮显示,于是在zblog论坛寻找教程,找到一个教程是涂涂研版写的...比较沮丧,本想放弃这个功能,但是不甘心,所有又尝试了一下,导航高亮终于成功了,要感谢一下天兴工作室的指导。...具体教程如下: .js代码如下: //dhgl jQuery(document).ready(function($){  var datatype=$("#dhmenu").attr("data-type...大概说一些js的文件代码的意思,打开网站,首先判断是页面,如果是列表页,则加载列表页代码,增加class=“on2” 如果是文章页,判断上级分类ID,然后加载class="on2" zbp导航高亮代码修改完毕

    1.5K10

    多路径来源页面导航高亮以及面包屑导航修改

    原因是业务方面对产品进行多维度的划分(或者对产品进行归档、打标签、收藏等等),反应在前端方面就是同一个页面可以有不同的入口(产品目录结构划分) 干说不如举个例子: “活期储蓄”产品属于负债类理财产品(导航菜单...这就带来了两个问题: 当进入“活期储蓄”产品详情页面的时候,高亮哪个导航菜单 当进入“活期储蓄”产品详情页面的时候,面包屑导航怎么显示 从用户角度来说自然是我从哪里点进去的就高亮哪个菜单,面包屑也真实的反应...“来源路径” 技术背景 项目采用的技术: Vue,Element UI,vue-router 采用的 element ui 的 导航组件和面包屑组件。...前端处理,分别针对导高亮和面包屑处理 思路分析 在进入详情页面的行为中增加标记(我使用 sessionStorage 标记,标记信息包括路径path、title,path用于高亮导航,title用于面包屑展示...) 在离开详情页的时候移除标记(通过路由守卫实现,目的是标记不会带来别的副作用) 根据标记修正菜单高亮、面包屑展示 代码实现 分析完之后发现写代码就跟玩一样,没有什么技术含量,就不贴代码了

    81820

    ZBLOG模板制作导航栏当前分类和页面高亮显示效果

    从用户体验上看,我们在点击网站首页的时候在导航栏中首页标签是和其他分类有差异的,比如字体加粗、颜色不同,这个就是所谓的导航高亮效果。...比如我们点击某个分类的时候,在当前分类或者当前分类的中的文章,这个分类就显示高亮的。在这里老蒋整理到ZBLOG PHP程序高亮导航的效果,以前都没有做过,这不要精细化,还是需要做的。...这是目前没有加入高亮的代码导航部分。这里我要去参考老白同学的整理文章(http://www.yzktw.com.cn/post/105.html)。...这个时候我们可以看到导航是有变动的,我们后面就是需要加入样式。比如高亮是对.navbar li添加了.active 最后ID中的monavber是默认和JS一致的,如果我们修改也需要修改JS里的。...本文出处:老蒋部落 » ZBLOG模板制作导航栏当前分类和页面高亮显示效果 | 欢迎分享

    96150

    导航栏滚动吸顶并自动高亮和点击跳转锚点

    2021-01-16 07:37:33 在阿里云的云市场页面上有一个效果,就是api导航栏当滚动条滚动到其所在位置时,自动吸顶,当滚动到下方所在导航栏指定的介绍时,自动高亮导航栏。...那么需要我们自己手动来实现以下,具体实现思路就是增加滚动条监听事件,当滚动到导航栏指定内容区域时,给其导航栏增加高亮样式,点击导航栏时,计算好滚动条的滚动距离,让其滚动过去即可。...,并且给内容部分增加ref,便于后续获取其内容,导航栏也增加何时吸顶的标识以及导航高亮的标识,另外增加了一个class为zhanfIx的地址,因为当导航栏吸顶时,此处会因为空出位置,下面内容上移,而产生不和谐的效果...下面我们来看一下导航栏吸顶和滑动到指定位置导航高亮的逻辑。...这样我们就实现了通过滚动条来控制导航高亮的效果了,接下了我们要实现的便是点击导航栏自动定位到其所在内容。

    10.4K40
    领券