zblog模板制作视频教程（简单代码可以实现ZBLOG分类导航高亮显示效果）
导读：在撰写博客时候，为了突出某个zblog分类栏目，我们需要给该分类栏目的导航条加以高亮度显示，一般是通过分类目录的CCS样式就可以实现，但是zblog并未提供CSS样式，所以我们需要寻找其他的实现办法。经过研究，我们发现，通过jquery和正则表达式的匹配，就可以实现这个效果。...
在撰写博客时候 ，为了突出某个zblog分类栏目 ，我们需要给该分类栏目的导航条加以高亮度显示 ，一般是通过分类目录的CCS样式就可以实现 ，但是zblog并未提供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美化 ，
最后重建文件即可实现高亮显示效果 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！