外贸建站之网站导航栏菜单高亮JS实现代码分享

外贸建站之网站导航栏菜单高亮JS实现代码分享，今天客户要给CAN Clip加一个菜单高亮的效果，原本打算用PHP代码实现，但是感觉过于复杂，JS有更好的解决方案，

这里把我们开发的代码分享给大家。

 1 var urlstr = location.href;
 2       var urlstatus=false;
 3       var urlnum = 1;
 4       $("#navbar a").each(function () {
 5         if ((urlstr + ‘/‘).indexOf($(this).attr(‘href‘).replace(/[\r\n ]/g,"")) > -1 && $(this).attr(‘href‘)!=‘‘ && urlnum != 1) {
 6           $(this).addClass(‘active‘); urlstatus = true;
 7         }else {
 8           $(this).removeClass(‘active‘);
 9         }
10         urlnum++;
11       });
12      if (!urlstatus) {$("#navbar a").eq(0).addClass(‘active‘); }  

这个使用非常简单，我们已经在LONSDOR K518S Key Programmer 项目中应该了，如有任何问题，欢迎大家留言探讨。

原文地址：https://www.cnblogs.com/aid12580/p/10659381.html