jQuery One Page Nav 플러그인의 nav 활성 섹션 스타일 변경

Question

방문 페이지에서 메뉴의 활성 섹션 스타일을 변경하려고합니다. http://github.com/davist11/jQuery-One-Page-Nav

내 사이트가 현재 이것이다 :

당신은 여기 찾아 jQuery를 한 페이지 탐색 플러그인을 할 수 있습니다 사용하고 www.gewexhibition.com 내가 탐색에서 작은 원을 만들기 위해 노력하고

메뉴가 활성화되어있을 때 색상이 바뀌므로 사용자는 매 순간 어디에서 페이지에 있는지 알 수 있습니다.

나는 CSS와는 다른 것을 시도해 왔지만 제대로 작동시키지 못했습니다. 내가 성취 한 것 중 가장 큰 것은 그것을 클릭했을 때 다른 색으로 원 주위에 사각형을 얻는 것이 었습니다.

이

메뉴 코드 :

<ul id="navi"> 
      <li class="current" ><a href="#top"><span class="tooltip">top</span></a></li> 
      <li><a class="cir" href="#about"><span class="tooltip">about us</span></a></li> 
      <li><a href="#wedo"><span class="tooltip">what we do</span></a></li> 
      <li><a href="#clients"><span class="tooltip">clients</span></a></li> 
      <li><a href="#contact"><span class="tooltip">contact us</span></a></li> 
     </ul> 

희망 누군가가 나에게 도움이 될 수 있습니다. 고맙습니다!

는

Answer 1

JQuery와 플러그인은 당신이있는 활성 목록 항목에 current 클래스를 추가, 그래서 당신이해야 할 유일한 것은 당신이 체크 아웃 할 수있다이

#navi .current { 
    background: red; 
} 

같은 CSS에서 스타일을 만드는 것입니다 이 fiddle