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;} 无忧主机相关文章推荐阅读： ZBLOG文章无图片时随机显示图片的方法 ZBLOG程序修改文章发布默认浏览数教程分享 ZBLOG PHP版本博客站点伪静态规则（URL重写）配置 Z-BLOG(PHP)后台管理员密码忘记了咋办，直接工具登陆

本文地址：https://www.51php.com/zblog/15212.html