zblog 2.1突出当前分类导航栏目高亮显示
zblog没有提供导航栏当前分类目录的css样式，因此一般情况下要想给当前分类栏目的导航条高亮显示不能实现，如此一来也导致了一些导航栏效果无法实现。但也并非没有给导航当前分类添加高亮的方法，可以通过jquery和正则表达式匹配实现。下面是具体的操作方法。
实现的操作方法：
给页面加载jQuery库：
1 |
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js">script>
|
在导航下面添加js代码：
1 2 3 4 5 6 7 |
script type="text/javascript">
$("#menu>ul>li>a").each(function() {
if ($(this).attr("href").toLowerCase().replace(//|[].*/g,"") == document.URL.toLowerCase().replace(//|[].*/g,"")){
$(this).attr("class","current"); //给当前页的加上class="current"，如首页
}
});
script>
|
添加上面的js代码后，再给添加进去的样式.current进行css美化，下面是例子，具体的根据自己设计编写：
1 |
#menu li a.current {background:#000; color:#fff;} |
最后重建文件即可。
© 版权声明
转载请注明来自白芸资源网以及原文地址。
本站不敢保证内容的可靠性，内容仅供小范围学习与参考，禁止用于商业、盈利或其它非法用途以及大范围传播，您需在学习与参考完毕后从您的个人存储空间彻底删除，因您滥用而造成的损失本站不承担法律责任。
本站部分内容可能源于互联网，版权争议与本站无关，如有侵权可联系站长处理，敬请谅解！
请您合法使用本站资源。
THE END
