香港独立IP空间
香港php空间
美国php空间
域名注册

现在在网站建设的时候,很多的站长朋友都会想方设法让自己的网站富有特色、有创意,能够与众不同,希望能够在其他的网站中脱颖而出。就像前段时间有无忧主机的客户联系到无忧主机小编我,请教设置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导航栏分类添加和修改的方法

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

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读: