码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-04-05 20:18:20      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:网站导航   导航栏   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 项目中应该了,如有任何问题,欢迎大家留言探讨。

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

标签:网站导航   导航栏   func   pre   客户   ace   stat   解决方案   代码实现   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!