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

jquery导航栏点击及页面跳转对应栏目添加选中效果

导航栏点击添加选中样式是比较好实现的,点击添加一个 .active 再给它设置一个样式就可以了。...padding: 0 20px;         }         li.active{             background: rgba(0,0,0,.2);         } js...                $("li").eq(index).addClass("active");             });         });     }); 实现效果...但是一般页面的导航栏都是需要跳转页面的,上面的方法只在当前页面有效,跳转就失效了。 要实现跳转,对应的栏目自动添加选中效果,可以用下面的方法。...js代码:     $(document).ready(function () {         $(".navbar-nav>li a").each(function () {

4.3K00

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

从用户体验上看,我们在点击网站首页的时候在导航栏中首页标签是和其他分类有差异的,比如字体加粗、颜色不同,这个就是所谓的导航栏高亮效果。...比如我们点击某个分类的时候,在当前分类或者当前分类的中的文章,这个分类就显示高亮的。在这里老蒋整理到ZBLOG PHP程序高亮导航的效果,以前都没有做过,这不要精细化,还是需要做的。...closest("ul").closest("li").addClass("active");//这个就是为菜单加的CSS } } }); }); // JS...比如高亮是对.navbar li添加了.active 最后ID中的monavber是默认和JS一致的,如果我们修改也需要修改JS里的。这里我测试是可以的,只是我还没有加样式。...本文出处:老蒋部落 » ZBLOG模板制作导航栏当前分类和页面高亮显示效果 | 欢迎分享

91750
领券