원페이지에서 #아이디 값에 따른 메뉴컬러를 변경하려면 어떻게 해야 하나요?
본문
안녕하세요.
아무래도 자바스크립트로 해야되는거 같긴 한데,
개발자가 아니다보니 너무나 무지하네요;;
1. 메뉴2 클릭시 #page2 로 컨텐츠페이지 이동
2. 컨텐츠 페이지는 이동하여 url창에 #page2 까지 나오는 상태지만
메뉴2 의 폰트컬러는 hover컬러로 변경되지 않고 다시 원상복구 됩니다.
3. 이런경우 자바스크립트를 통해 어떻게 처리하면 selected 되있는 메뉴의 컬러를 변경할 수 있나요..?
ex>
<ul class="navi">
<li><a href="#page1">메뉴1</a></li>
<li><a href="#page2">메뉴2</a></li>
<li><a href="#page3">메뉴3</a></li>
<li><a href="#page4">메뉴4</a></li>
</ul>
힌트라도 주시면 감사하겠습니다 ㅜㅜ
답변 2
ul li a[href^="#page1"]:hover {color: green;}감사합니다 적용해볼께요~
<style>
.activek{color:red;}
</style>
<script>
$(function(){
$('.nav li a').click(function(){
$('.nav li a').removeClass('activek');
$(this).addClass('activek');
});
});
</script>
답변을 작성하시기 전에 로그인 해주세요.