現(xiàn)在在網(wǎng)站建設(shè)的時(shí)候，很多的站長(zhǎng)朋友都會(huì)想方設(shè)法讓自己的網(wǎng)站富有特色、有創(chuàng)意，能夠與眾不同，希望能夠在其他的網(wǎng)站中脫穎而出。就像前段時(shí)間有無憂主機(jī)的客戶聯(lián)系到無憂主機(jī)小編我，請(qǐng)教設(shè)置zblog程序的導(dǎo)航當(dāng)前頁突出顯示的方法。如果要實(shí)現(xiàn)這個(gè)效果，以無憂主機(jī)小編的個(gè)人經(jīng)驗(yàn)，可以通過js代碼結(jié)合css樣式表來實(shí)現(xiàn)，經(jīng)過無憂主機(jī)小編的一番研究，終于找到的實(shí)現(xiàn)的具體方法，下面小編就特意把這個(gè)方法告訴大家，以便給同樣需要的站長(zhǎng)朋友可以參考參考。 首先我們先編輯一段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”這一段代碼需要替換為自己網(wǎng)站的導(dǎo)航欄的ID屬性。編輯好之后將這一段代碼放置在網(wǎng)站默認(rèn)調(diào)用的sj文件中，或者單獨(dú)建立一個(gè)js文件，然后調(diào)用也是可以的。 js代碼這一部分搞定了之后我們?cè)賮砀愣╟ss樣式這一部分，css這一款非常的簡(jiǎn)單，我們只要在網(wǎng)站默認(rèn)調(diào)用的css樣式表里新增加一段代碼，代碼如下：

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

css樣式表中設(shè)置的背景顏色和字體顏色可以根據(jù)自己的需求進(jìn)行修改，最后保存一下數(shù)據(jù)，在網(wǎng)站的后臺(tái)重建一下文件就可以全部完成了。 無憂主機(jī)相關(guān)文章推薦閱讀： ZBLOG添加廣告位的方法 ZBLOG右側(cè)跟隨滾動(dòng)模塊設(shè)置方法 ZBLOG導(dǎo)航欄分類添加和修改的方法

本文地址：http://www.gle-technology.com/zblog/21295.html

上一篇: ECshop QQ登錄顯示QQ頭像和昵稱
下一篇: zblog用ytcms調(diào)用評(píng)論的方法