
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对当前栏目高亮突出显现的两种圆案
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
