本文主要介绍了
jquery
动态添加.active 实现导航效果代码思路详解,需要的朋友可以参考下，希望能帮助到大家。
代码思路:
页面4:
页面5:
代码思路:
通过jq获取你打开页面的链接
；
在HTML中给自己的li加入一个ID id的命名与网址链接中的href相同
通过jq包含方法找到相对应的li给他加入active类名
然后。。就没有然后了。。。
基于jQuery的AJAX和JSON的实例 中文WORD版
本文档主要讲述的是基于jQuery的AJAX和JSON的实例；过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。有需要的朋友可以下载看看
下载
jq代码：
html代码：
相关推荐：
关于jQuery实现定位导航效果
微信小程序顶部可滚动导航效果
原生js实现电商侧边导航效果
window.location.pathname$(function () {
var li = $(".title_ul").children("li");
for (var i = 0; i < li.length; i++) {
var url = window.location.pathname;
var url = url.replace("/", "");
if (url.indexOf(li[i].id)!=-1) {
li[i].firstChild.className = "active";
} else {
li[i].firstChild.className = "";
}
}
})
- 页面1
- 页面2
- 页面3
- 页面4
- 页面5