欢迎访问,本站接受互联网网站仿站、功能定制、定制插件、主题,如果需要的话可以联系我 QQ:2283276927

给zblog导航条的项目增加高亮效果for php

雨夜 4189次浏览 5个评论

高亮效果如下:

方法是通过js实现的,

1.代码如下:(在js文件里添加如下代码)

$(document).ready(function(){ 
var s=document.location;
$("#topmenu a").each(function(){
if(this.href==s.toString().split("#")[0]){$(this).addClass("current");return false;}
});
});

意思就是说点击某个分类之后,就会为这个导航条的链接增加一个css样式(class=current,

Ps:这里的#topmenu a 对应如下代码。仔细看下:(我们的目的是给链接加一个css类,所以说注意看。)

<ul id="topmenu">
    <li id="nvabar-item-index">
        <a href="http://192.168.115.48/zphp/" class="current">
            <i class="icon-home3">
            </i>
            首页
        </a>
</li>
其他内容
</ul>

其中<ul></ul>之间的内容是{module:navbar}自动生成的。

2.然后在主题的css样式表中添加样式

.current{color: #35aadc;font-weight: bold;}

ps:具体内容要根据自己的需求来,是不是很简单。。。



涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
发表我的评论换个身份
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5) 个小伙伴在吐槽
  1. 首页/栏目页 一次性成功,可惜文章页不能正常显示高亮,还得研究下 文章页的问题
    云途跨境服务器 2018-12-12 PM 04:03 回复
    • 加油,研究下就可以成功了。
      涂涂研版 2018-12-12 PM 10:14 回复
  2. 一直在寻找方法,不知道Z-Blog asp能不能用?第二段代码看不懂啊,能不能指教?
    小虎博客 2014-08-28 PM 02:19 回复
  3. 导航栏小图标不错,纯css ?话说我一直想弄就没弄出来呢
    xilouqingzhu 2014-06-27 PM 02:50 回复
    • 是的,是运用IcoMoon作出来的。
      雨夜 2014-06-27 PM 06:47 回复

主题定制开发流程

ZBLOGPHP开发流程

联系我们