全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
代码思路:
页面4:
页面5:
代码思路:
通过jq获取你打开页面的链接 window.location.pathname；
在HTML中给自己的li加入一个ID id的命名与网址链接中的href相同
通过jq包含方法找到相对应的li给他加入active类名
然后。。就没有然后了。。。
jq代码：
$(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 = "";
}
}
})
html代码：
<body> <div class="title"> <ul class="title_ul"> <li id="index"><a href="index.html" rel="external nofollow" class="">页面1</a></li> <li id="zf"><a href="zf.html" rel="external nofollow" class="">页面2</a></li> <li id="gc"><a href="gc.html" rel="external nofollow" class="">页面3</a></li> <li id="hc"><a href="hc.html" rel="external nofollow" class="">页面4</a></li> <li id="shwt"><a href="shwt.html" rel="external nofollow" class="">页面5</a></li> </ul> </div> </body>
总结
以上所述是小编给大家介绍的jQuery动态添加.active 实现导航效果代码思路详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
# jq
# active
# 动态添加
# 导航
# jQuery实现动态添加tr到table的方法
# 使用jquery给指定的table动态添加一行、删除一行
# 使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
# JQuery动态添加Select的Option元素实现方法
# jQuery为动态生成的select元素添加事件的方法
# jQuery实现表格行和列的动态添加与删除方法【测试可用】
# 小编
# 自己的
# 在此
# 给他
# 给大家
# 所述
# 给我留言
# 相对应
# 感谢大家
# 疑问请
# 有任何
# ID
# HTML
# pathname
# li
相关文章：
,想在网上投简历，哪几个网站比较好？
如何高效搭建专业期货交易平台网站？
已有域名和空间，如何快速搭建网站？
如何快速搭建响应式可视化网站？
建站之星如何开启自定义404页面避免用户流失？
平台云上自主建站：模板化设计与智能工具打造高效网站
建站为何优先选择香港服务器？
济南专业网站制作公司,济南信息工程学校怎么样？
重庆网站制作公司哪家好,重庆中考招生办官方网站？
建站之星后台管理系统如何操作？
大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？
相册网站制作软件,图片上的网址怎么复制？
建站主机CVM配置优化、SEO策略与性能提升指南
香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南
建站之星如何助力网站排名飙升？揭秘高效技巧
沈阳制作网站公司排名,沈阳装饰协会官方网站？
c# F# 的 MailboxProcessor 和 C# 的 Actor 模型
小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化
巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成
如何在阿里云服务器自主搭建网站？
建站主机选哪家性价比最高？
如何在阿里云虚拟服务器快速搭建网站？
如何在腾讯云免费申请建站？
西安大型网站制作公司,西安招聘网站最好的是哪个？
IOS倒计时设置UIButton标题title的抖动问题
如何通过山东自助建站平台快速注册域名？
如何有效防御Web建站篡改攻击？
建站之星logo尺寸如何设置最合适？
建站中国官网：模板定制+SEO优化+建站流程一站式指南
建站主机核心功能解析：服务器选择与网站搭建流程指南
建站主机选虚拟主机还是云服务器更好？
在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？
如何在阿里云购买域名并搭建网站？
网站制作公司广州有几家,广州尚艺美发学校网站是多少？
视频网站app制作软件,有什么好的视频聊天网站或者软件？
网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？
简易网站制作视频教程,使用记事本编写一个简单的网页html文件？
武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？
如何通过商城自助建站源码实现零基础高效建站？
C++中引用和指针有什么区别？（代码说明）
建站之星代理如何优化在线客服效率？
网站制作新手教程,新手建设一个网站需要注意些什么？
网站制作的步骤包括,正确网址格式怎么写？
h5网站制作工具有哪些,h5页面制作工具有哪些？
如何用腾讯建站主机快速创建免费网站？
XML的“混合内容”是什么 怎么用DTD或XSD定义
如何在服务器上配置二级域名建站？
建站上市公司网站建设方案与SEO优化服务定制指南
建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南
建站之星如何实现PC+手机+微信网站五合一建站？
*请认真填写需求信息，我们会在24小时内与您取得联系。
