香港独立IP空间
香港php空间
美国php空间
域名注册

小编今天在研究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)后台管理员密码忘记了咋办,直接工具登陆

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

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读:


搜索技术文档