活动链接背景

Active link background

本文关键字：背景 链接 活动      更新时间：2023-09-26

我想为活动链接和悬停保持一个背景图像用于此站点的导航栏

Sitelink: http://67.23.226.231/~edutubei/onepage/#about

使用下面的代码

$(document).ready(function() {
  $('#navigation a[href^="#' + location.pathname.split("#")[1] + '"]').addClass('current'); 
});

与下面的CSS 

ul.navigation .current{
  background:url(../images/current_page.png) no-repeat right bottom;
}    
ul.navigation .current a, ul.navigation .current a:hover{
  color:#FFF;
}

，但这是不工作我如何保持一个背景图像/突出显示活动和悬停链接

选择器不正确。应该是这样的。# Navigation '代替# Navigation '

位置。路径名只返回/~edutubei/onepage/。所以你要用window。location。href 

 $('.navigation a[href="#' + window.location.href.split("#")[1] + '"]').addClass('current');
相关文章：