導航高亮如本站演示，首頁、列表頁、文章頁均可高亮。因為本站的主題是一個免費的zblogphp主題，所以一些好的東西可能沒有，所以只好自己研究，本身自帶導航高亮的功能，但是只有首頁和列表頁才有高亮顯示，于是在zblog論壇尋找教程，找到一個教程是涂涂研版寫的，但是自己研究一天，沒有實現。比較沮喪，本想放棄這個功能，但是不甘心，所有又嘗試了一下，導航高亮終于成功了，要感謝一下天興工作室的指導。具體教程如下：

.js代碼如下：//dhgl

jQuery(document).ready(function($){

var?datatype=$("#dhmenu").attr("data-type");

$(".dhgl>li?").each(function(){

try{

var?myid=$(this).attr("id");

if("index"==datatype){

if(myid=="nvabar-item-index"){

$("#nvabar-item-index?a:first-child").addClass("on2");

}

}else?if("category"==datatype){

var?infoid=$("#dhmenu").attr("data-infoid");

if(infoid!=null){

var?b=infoid.split('?');

for(var?i=0;i

if(myid=="navbar-category-"+b[i]){

$("#navbar-category-"+b[i]+"?a:first-child").addClass("on2");

}

}

}

}else?if("article"==datatype){

var?infoid=$("#dhmenu").attr("data-infoid");

if(infoid!=null){

var?b=infoid.split('?');

for(var?i=0;i

if(myid=="navbar-category-"+b[i]){

$("#navbar-category-"+b[i]+"?a:first-child").addClass("on2");

}

}

}

}else?if("page"==datatype){

var?infoid=$("#dhmenu").attr("data-infoid");

if(infoid!=null){

if(myid=="navbar-page-"+infoid){

$("#navbar-page-"+infoid+"?a:first-child").addClass("on2");

}

}

}

}catch(E){}

});

});

對應的id 列表標簽必須對應，否則無效。文章頁導航演示圖。

其實教程到這僅僅是第一步，他們把教程寫到這里就結束了，重要的是如果調用data-type="" data-infoid=“”這里的標簽，這就是我一直不成功的原因，不知道如果調用標簽，然后在zblog查找標簽文檔，測試N+1遍才算是成功。找到模版header.php，編輯。

找到導航

標簽，找到對應的標簽欄目，這里如家增加兩個代碼：

• {module:navbar}

div增加 id="dhmenu"

ul增加 ?class="dhgl"

然后保存模板文件，后臺刷新緩存，OK！

大概說一些js的文件代碼的意思，打開網站，首先判斷是頁面，如果是列表頁，則加載列表頁代碼，增加class=“on2”

如果是文章頁，判斷上級分類ID，然后加載class="on2"

zbp導航高亮代碼修改完畢，有什么不懂的可以留言給我，有好東西大家分享。

總結

以上是生活随笔為你收集整理的php 导航高亮,zblogphp导航高亮代码分享教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。