如何在选择导航菜单链接时更改背景图像和文本

Question

如何在选择

时更改导航菜单链接上的背景图像和文本

当用户点击其中一个导航链接时，文本将更改颜色，背景图像也会更改。用户应该留在同一页面上。

它在我的机器上的静态文件中工作，但是当我在线发布它时它不起作用。

Answer 1

考虑使用jQuery - 少写，做更多。

// bind a click event to all the links
$('#o_nav').find('a').click(function() {
  // make sure other backgrounds are removed
  $('#o_nav').find('a').removeClass('aSelected');
  // add selected background to clicked link
  $(this).addClass('aSelected');
});

Answer 2

也许这就是你需要的：
http://jsfiddle.net/nVz43/1/