现在在网站建设的时候，很多的站长朋友都会想方设法让自己的网站富有特色、有创意，能够与众不同，希望能够在其他的网站中脱颖而出。就像前段时间有无忧主机的客户联系到无忧主机小编我，请教设置zblog程序的导航当前页突出显示的方法。如果要实现这个效果，以无忧主机小编的个人经验，可以通过js代码结合css样式表来实现，经过无忧主机小编的一番研究，终于找到的实现的具体方法，下面小编就特意把这个方法告诉大家，以便给同样需要的站长朋友可以参考参考。 首先我们先编辑一段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”这一段代码需要替换为自己网站的导航栏的ID属性。编辑好之后将这一段代码放置在网站默认调用的sj文件中，或者单独建立一个js文件，然后调用也是可以的。 js代码这一部分搞定了之后我们再来搞定css样式这一部分，css这一款非常的简单，我们只要在网站默认调用的css样式表里新增加一段代码，代码如下：

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

css样式表中设置的背景颜色和字体颜色可以根据自己的需求进行修改，最后保存一下数据，在网站的后台重建一下文件就可以全部完成了。 无忧主机相关文章推荐阅读： ZBLOG添加广告位的方法 ZBLOG右侧跟随滚动模块设置方法 ZBLOG导航栏分类添加和修改的方法

本文地址：https://www.51php.com/zblog/21295.html

上一篇: ECshop QQ登录显示QQ头像和昵称
下一篇: zblog用ytcms调用评论的方法