html:
<div >
<ul>
<li><a href="index.html">首 页</a></li>
<li><a href="b.html">专家观点</a></li>
<li><a href="c.html">课题钻研</a></li>
<li><a href="d.html">研究报告</a></li>
</ul>
</div><!--/.nav-->
jquery:
//除了首页中当前URL对当前栏目高亮突出显现
$(".nav li a:not(:first)").each(function(){
$this = $(this);
if($this[0].href==String(window.location)){
$this.parent().addClass("selected");
}
});
//当前URL对当前栏目高亮突出显现
$(".sidenav li a").each(function(){
$this = $(this);
if($this[0].href==String(window.location)){
$this.parent().addClass("selected");
}
});
或者本死js:
//js 当前URL对当前栏目高亮突出显现
var myNav = document.getElementById("nav").getElementsByTagName("a");
for(var i=0;i<myNav.length;i++){
var links = myNav[i].getAttribute("href");
var myURL = document.location.href;
if(myURL.indexOf(links) != -1){
myNav[i].parentNode.className="selected";
}
}
转载请注明： 帝国CMS模板 » jquery/js当前URL对当前栏目高亮突出显现的两种圆案
*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
