新闻中心

zblog 2.1分类导航栏目如何高亮显示

作者 / 时间 2014-07-29 11:32:14

小编今天在研究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

1
1
1
1
1
1
1