当前位置:Gxlcms > JavaScript > 实例分享jQuery动态添加.active实现导航效果代码

实例分享jQuery动态添加.active实现导航效果代码

时间:2021-07-01 10:21:17 帮助过:45人阅读

本文主要介绍了jQuery动态添加.active 实现导航效果代码思路详解,需要的朋友可以参考下,希望能帮助到大家。

代码思路:

页面4:

页面5:

代码思路:

通过jq获取你打开页面的链接 window.location.pathname

在HTML中给自己的li加入一个ID id的命名与网址链接中的href相同

通过jq包含方法找到相对应的li给他加入active类名

然后。。就没有然后了。。。

jq代码:


html代码:


相关推荐:

关于jQuery实现定位导航效果

微信小程序顶部可滚动导航效果

原生js实现电商侧边导航效果

以上就是实例分享jQuery动态添加.active 实现导航效果代码的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行