zblog 2.1分类导航栏目如何高亮显示
小编今天在研究zblog 2.1发现zblog 2.1中是没有提供导航栏栏目以及css样式的。让小编很是头疼，一般情况下要想给分类栏目的导航条高亮显示是不能实现的，这么下去的话也导致了导航栏目无法实现功能。但是也并不是说完全没有方法的无忧小编总结了一种方法可以通过jquery和正则表达式匹配实现这个功能，以下是无忧小编的方法。
首先加载jQuery库：代码如下
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js”></script>
然后在导航下面添加JS代码：
<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”); //给当前页的<a>加上class=”current”，如<a class=”current”>首页</a>
}
});
</script>
之后还可以添加JS代码之后。在添加.current进行css美化，下面是无忧小编的例子，如果喜欢自己设计的朋友们也可以自己设计哟！
#menuli a.current{background:#000;color:#fff;}
无忧主机相关文章推荐阅读：