zblog php 当前位置,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了，注意：这个方法只针对首页列表页有效，文章页面无效。

zblog php 当前位置,zblogphp导航当前页突出显示的方法相关推荐

zblog php视频教程,ZBlog使用教程：ZBlogPHP基本设置和后台管理
上一次我们跟大家介绍了<ZBlog使用教程:ZBlogPHP安装方法>,初建成一个 ZBlog 网站后最紧要的就是开始管理网站,那么接下来益吾库将继续跟大家介绍 ZBlogPHP 后台管理 ...
php怎么设置个性标签,zblogPHP导航栏菜单名称前的个性化图标设置方法
很多初次使用 zblog 模板的朋友都很纠结为什么主题里面显示导航栏名称前都有个性化图标,而下载的模板却不显示图标呢?下面别彧博客就来简单下 zblogPHP 导航栏菜单名称前面的个性化图标的设置步骤 ...
Z-BlogPHP导航主题模版源码绿色完美版
介绍: Z-BlogPHP导航主题绿色完美版! 内附详细安装使用说明TXT文档! 网盘下载地址: http://kekewl.org/xmlaj45mJLC0 图片:
HTML5页面调用百度地图API,获取当前位置并导航到目的地
微信也可用, <!DOCTYPE html> <html lang="zh-cmn-Hans"><meta charset="UTF-8&q ...
asp微信地图导航代码,微信公众号获取当前位置并导航到目的地,asp写的源码
一个客户想在他的手机网页里面加上导航功能,让用户能直接导航他的店里,由于他的网站是用asp写的,所以只能是用asp给他写个微信导航地图功能了,闲话不说,直接钻微信公众号的坑吧,折腾一个多小时,搞明白了 ...
zblog php搬家出错,ZBlogphp备份、恢复与搬家的图文教程
zblog网站完整的备份包括两个主要部分:MySQL数据库和 zb_users 目录下的主题(theme).插件(plugin)和附件(upload).一般的操作方法是:将数据库从旧站导出,然后倒入 ...
layui模块显示收缩_修改layui的后台模板的左侧导航栏可以伸缩的方法
原生的左侧导航栏代码: 所有商品列表一列表二列表三超链接解决方案列表一列表二超链接云市场发布商品自己修改的: 生源追踪生源列表学校信息工做计划学员管理学员列表考勤管理 ...
计算机导航窗口添加桌面,为Win7资源管理器导航添加桌面选项的方法
为Win7资源管理器导航添加桌面选项的方法有不少Win7用户在打开文件夹时,发现左侧的资源管理器导航面板里没有桌面选项,经常复制粘贴的朋友没办法一键回到桌面,还要一级一级向上返回,这为用户添加了不少 ...
车载导航android音频策略,Android车载导航全局声控装置及方法
Android车载导航全局声控装置及方法 [技术领域] [0001]本发明涉及智能Android车载系统领域,尤其涉及一种Android车载导航全局声控装置及方法. [背景技术] [0002]在行车过 ...

zblog php 当前位置,zblogphp导航当前页突出显示的方法

zblog php 当前位置,zblogphp导航当前页突出显示的方法相关推荐

最新文章

热门文章