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

Posted 2021-02-15 aid12580

外贸建站之网站导航栏菜单高亮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(/[
 ]/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 项目中应该了，如有任何问题，欢迎大家留言探讨。