标签:网站导航 导航栏 func pre 客户 ace stat 解决方案 代码实现
外贸建站之网站导航栏菜单高亮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 项目中应该了,如有任何问题,欢迎大家留言探讨。
标签:网站导航 导航栏 func pre 客户 ace stat 解决方案 代码实现
原文地址:https://www.cnblogs.com/aid12580/p/10659381.html