天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制 | RSS订阅 | 网站地图 | 联系我们
天兴工作室自用主题2015版上架销售
当前位置:网站首页 教程 正文

zblogphp导航当前页突出显示的方法

天兴工作室 3年前 (2014-03-12) 教程 2361 ℃ 1 评论
内容加载中......

之前给大家介绍过zblogasp版的“ zblog让导航突出显示当前页链接栏目”,zblogphp版的不太一样,给大家介绍下我的想法。

还是借鉴了zbp的“metro”主题,谢谢主题作者新鲜人,这个方法是用js来判断当前页然后加上一个css。具体做法如下:

先加上一段js代码,js代码可以加在模板文件里面,也可以加在模板调用的外部js文件里面,代码如下:

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

注意要修改#nav a这部分,修改#nav为你自己导航的id属性。

然后在css文件里面新增一句:

#nav ul li a.on{background:#ff6f3d;color:#fff;}

同样的修改#nav为你自己的导航属性,背景颜色和字体颜色自行修改。

全部保存然后上传替换就ok了,注意:这个方法只针对首页 列表页有效,文章页面无效。

我要提问 如果你对于此文还有任何疑问欢迎在文章下面的评论区域留言,如果你的疑问比较多,欢迎在本站的在线提问专业去发布问题,点击右侧的我要提问即可到达。天兴工作室将尽我所能为你解答问题。

本文标签zblogphp 导航 当前页

本文地址http://www.txcstx.cn/post/578.html

版权说明:如非注明,本站文章均为 天兴工作室 原创,转载请注明出处和附带本文链接。

哈哈,本文已有 1 位小伙伴发表了看法:

1#羊奶粉 (游客)  评论于 2014-03-13 21:16:16回应ta
貌似很不错哦

欢迎 发表评论

必填

选填

选填

必填

◎欢迎在这里交流反馈,垃圾评论会秒删的额...

联系我们
最新评论
标签云
校园版禁止右键冬天压力网龄回馈手机支付红包科技营养平板手机seo卢松松新版zblogasp转换zblog侧栏ytcms下载随意打包月抽屉式下拉导航送校园V网iPhone4S全月套餐zblogphp1.5自定义表单199安卓二维码全球通积分分类模板文档M值兑换话费自适应后台预存198元沃家庭妇妇幼医院武汉短信包团圆无忧卡zblog热门文章新增联动类别调用武汉联通套餐
热门模板