javascript - jQuery - ScrollTo - 将菜单焦点放在选定的目标上

Question

是否可以在使用scrollTo的菜单上添加“事件”或“非事件”来指示访问者是否选择了该菜单选项。

喜欢:

<ul>
 <li><a href="#target1" class="inactive">Target 1</a></li>
 <li><a href="#target2" class="active">Target 2</a></li> <-- selected.
 <li><a href="target3" class="inactive">Target 3</a></li>
...
</ul>

Answer 1

你可以这样做，我已经给你的ul一个id菜单

    $('#menu li a').hover(
  function () {

$(this).addClass('active').removeClass('inactive');
  }, 
  function () {

    $(this).addClass('inactive').removeClass('active');
  }
);

Live Demo OnHover

​如果您想在点击时执行此操作，请使用此

    $('#menu li a').click(
  function () {

$(this).addClass('active').removeClass('inactive');
      $('#menu li a').not(this).addClass('inactive').removeClass('active');
  }
);

​ Live Demo OnClick