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

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

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

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

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