zblog 2.1分类导航栏目如何高亮显示 - z-blog - 爱建站

zblog,2,1分类导航栏目如何高亮显示,

SEO SEO

首页  >   z-blog > zblog 2.1分类导航栏目如何高亮显示   >  正文

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

2018-09-27 07:32:33 向站长提问 编辑: admin 阅读:

 

小编今天在研究zblog 2 1发现zblog 2 1中是没有提供导航栏栏目以及css样式的。让小编很是头疼


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


zblog 2.1分类导航栏目如何高亮显示
http://www.yuedudg.cn/article/12113121.html

 

友情链接
ecshop经验网 wp之家 discuz经验网
织梦之家 帝国cms常识 phpcms之家
cms综合网 zblog之家


Tags:zblog 2 1分类导航栏目如何高亮显示


手机浏览本文
zblog 2.1分类导航栏目如何高亮显示

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

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy