상단 메뉴 현재 페이지 고정에 대하여...
본문
현재 sir 처럼 대메뉴 선택했을때의 활성화에 대한 문의입니다.
지금 sir 의 위의 메뉴를 보면 q & a 가 활성화가 되어 있습니다.
그리고 다른 메뉴에 마우스를 올려보면 메뉴에 마우스를 올릴때마다 해당 대메뉴에 bg가 들어갑니다.
구성해보긴 현재 선택된 메뉴를 위처럼 bg까지는 처리를 하기는 했는데요!...
문제는 이상황에서 다른 메뉴에 마우스를 올리면 선택되어있던게 bg가 빠집니다.
아무래도 마우스 오버에서 벗어나거나 다른 메뉴에 마우스를 올리면 거기에 bg가 들어가서 그런것 같슽십니다.
어떤방향으로 이걸 풀어야 할찌요~...
또는 위와같은 방식을 원한다고 할때 어떤식으로 이걸 해결해야 할찌요~...
답변 1
이렇게 오버시에 bg가 들어가는 것을 그대로 li 에 클래스로 over 로 지정을 해준다음에
페이지 인식이 들어가야 됩니다.
아래 예제 참고해보세요.
<style>
li a:hover { background: ............. } // 이건 롤오버 일때
li.over a { background: ............. } // 이건 오버상태를 유지
</style>
<ul>
...
<li>소모임</li>
<? if($bo_table == 'q&a') { ?><li class="over"><? } else { ?><li><? } ?><a href="q&a">Q & A</a></li>
<li>그누보드5</li>
...
</ul>
qa 게시판일 때는 <li class="over"> 를 부르기 때문에 오버상태로 고정되어 있고
아닐 경우엔 <li> 오버상태는 풀리는 것입니다.
답변 감사합니다...
제가 원했던 정확한 답변은 아니지만, 설명해주신 부분을 이해 하여 적절하게 해결하였습니다.
