欢迎访问:我爱bear - 你可记得 三月初 初相遇雨橙 我曾忆起 初春时 时景逢雨萱
  
你现在的位置: 首页 主题制作 正文
导航当前页突出显示的方法 - zblog php

这个方法是用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了,注意:这个方法只针对首页 列表页有效,文章页面无效。

发布日期:2016年12月04日 23:37:58     所属分类:主题制作
版权声明:本文创建于 3 年 前,由 烟敛寒叶 发表,共 483 字
转载请注明:导航当前页突出显示的方法 - zblog php (PS:如果是原创,哈哈。。。)
 
 
 
  
目前浏览:3313     暂无评论
该文章还没有评论,赶快抢占沙发吧!

  
网站简介
Z-blog 爱好者,个人博客粉丝,鼓捣主题制作,然而并不懂什么代码,乱乱唱。
本站建于 2010-04-26 已有 10 年
  • 文章总数:72
  • 页面总数:2
  • 分类总数:9
  • 标签总数:1
  • 评论总数:14
  • 浏览总数:203762
关于博客
5ibear 个人博客纯属个人娱乐博客,主要涵盖了天文地理、奇门遁甲、阴阳五行八卦及一切关乎于宇宙和平的 * *。博客“宗旨”:把个人制作累积的东东,分享给最需要的读者,“专研”主题制作,然而并不懂什么代码。乱乱唱,唱我们的歌,风在大,我们都在这儿。。。。
Copyright © 2016-2017 我爱bear 保留所有权利 基于 Z-blog 技术创建 Theme by 烟敛寒叶 渝ICP备10202287号-2
(若本站无意侵犯了您的版权,请邮件致 2679899860@qq.com 处理,谢谢!)
渝公网安备 50022502000121 号
歌曲 - 歌手
0:00