The method of zblogphp navigation to highlight the current page

I introduced it to you before zblogasp Version of“ Zblog enables navigation to highlight the link column of the current page ”， zblogphp The version is quite different. Let me introduce my ideas to you.

We still use the "metro" theme of zbp for reference. Thank you for the new theme author. This method is to use js to judge the current page and then add a css. The specific methods are as follows:

First add a section of js code, which can be added to the Template The file can also be added to the external js file called by the template. The code is as follows:

 $(document).ready(function(){  var s=document.location; $("#nav a").each(function(){ if(this.href==s.toString().split("#")[0]){$(this).addClass("on");return false;} }); });

Note that you should modify the part of # nav a, and modify the ID attribute that # nav navigates for you.

Then add a new sentence in the css file:

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

Similarly, modify # nav for your own navigation properties, background color and font color.

Save them all and upload them to replace them. Note: this method is only valid for the home page list page, but not for the article page.