在zblog官方文档里面看到的这个,个人拿来使用了下,觉得效果还可以,借花献佛:
让导航突出显示当前页链接条目我们的大致思路是这样的,首先用js给导航部分中当前链接项加个区分的ID,如<li id=“current”>首页</li>,然后再用CSS定义就完成了。
步骤如下:
1、将以下代码放置在网站导航代码的后面。修改pageNav为你正在使用的主题导航栏的id名称。
<script type="text/javascript"> $("#pageNav>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>
2、将以下css代码放置在正在使用的主题的css文件里面,可以根据实际情况修改css
#menu ul li a.current { background-color:#fff; color:#0B1316; }
好了,文件重建下看看效果。
本站已经使用了这段代码,大家可以参考看看,不过我发现了一个问题,貌似这个效果只在栏目页有效,在内容页没有效果,不晓得是为什么,正在研究在,研究出来了也会发出来的。
相关推荐
- zblog应用中心如何开发票?在zblog应用中心购买应用后开发票流程11-29
- 天兴工作室zblog导航单页插件:每个站长,都需要一个专属导航页!04-26
- zblog内置的cookie调用代码06-19
- 2020年 zblog1.6版本终于上线了03-26
- 怎样让zblog网站的速度变快?05-24
- zblog+宝塔面板设置404的方法05-15
- 终于...zblog导航栏管理插件出来了!11-02
- zblog增加了xss安全更新 如果报错请及时更新文件07-18
- 天兴工作室zblog模板-第一款mip主题!05-08
- zblog右侧栏最新文章调用数量怎么控制?03-11
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1天兴工作室多语言翻译插件 自动翻译多达12种语言 适合外贸站点06-23
- 2有道云翻译获取appid和seckey的详细步骤和截图06-22
- 3支付宝支付后异步通知页面提示”支付签名校验失败,请联系管理员!“的原因和解决方法05-08
- 4阿里云oss配置项获取步骤截图,包含ID和Secret、区域节点Endpoint、存储空间Bucket和资源访问域名04-14
- 5zblog登录后台一直提示验证码错误的原因和解决方法03-01
- 6zblog使用api提交post数据提示419错误的原因和解决方法02-23
- 7天兴工作室2025年春节放假公告01-25
- 8天兴用户中心插件“微信通知”功能设置教程11-09
- 9阿里云2024双11活动推荐 通过本站链接参与另外赠送本站代金券11-05
- 标签聚合
- ×2php版本×1推广分成×1分类管理×1精简布局×1放暑假×2wordpress文章总数×7zblog小程序×1文章标题×1html5模板×2刷机教程×1ckplayer解析×2zblog代码×2最新评论×1zblogasp备份×1附件增强×1祝乐高×1卢松松主题php版×1仿煎蛋×1卢松松×1免费zblog模板
最新评论
-
访客111
总之不是免费的午餐,不走某Z模式,难发展 评论于:关于zblog版权的说明
-
天兴工作室
并没有任何限制 -
访客
请问 zblog淘客主题 对使用者的要求是必须是企业吧? -
阿浩
大佬们,丢几个除了作者以外的演示站,我想看看大家的布局设置 -
有趣生活
一直想开发zblog的功能,zblog的敷在不知道够够不够