如何使网页实现当前导航菜单背景高亮

    在网站最终生成的时候，有个漂亮的导航菜单是必须的。高亮当前页的导航菜单这个功能很常见，实现这个功能有很多的方法，殷雯单语企业网站管理系统用到了二种方法：

1.php程序直接判断当前页。

使用php内置变量 $_['PHP_SELF'] 得到当前页名，并与当前页判断，如果一致则返回高亮 css名称：例如 curren.

2.使用js.

将当前链接的href参数值与浏览器地址相比较，如果当前链接的href值被包含于浏览器地址，则把当前链接高亮显示

function HighLightNav() {

   var links = document.getElementsByTagName("a");

   var winLink = window.location.href;

   for (var i = 0; i < links.length; i++) {

       var navHref = links[i].getAttribute("href");

       if (winLink.indexOf(navHref) != -1) {//如果当前导航链接的地址和当前工作网页地址一样，则高亮当前导航

           links[i].className = "current";

       }

   }

}

 

详细请参看我们的程序。

 

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/54.html

很赞哦！ ()