묻고답하기
현재 선택된 메뉴의 글씨색을 바꾸거나 메뉴 이미지를 바꾸려면?
2014.10.05 18:23
만약 <꾀꼬리 뻐꾸기 종다리 병아리 비둘기> 이렇게 5개의 메뉴가 있는데 이 중에서 병아리 메뉴를 선택했다고 치면
<꾀꼬리 뻐꾸기 종다리 병아리 비둘기> 이렇게 현재 선택된 메뉴가 강조되게 하거나 메뉴 이미지를 다른 것으로 바꾸고 싶습니다.
css에서 a:active 이걸 써봤는데 클릭하는 순간은 바뀌는데 현재 선택된 메뉴에서는 안 되더라구요.
어떻게 처리해야 될까요?
댓글 7
-
젠이
2014.10.05 18:26
작업중인 사이트는 http://test.kencode.net/ 입니다.
.active라는 클라스명을 활성화된 메뉴에 어떻게 붙이면 되나요??
참고로 클릭하는 순간과 클릭된 이후를 각각 다르게 하고 싶습니다.
-
먼저 id는 중복사용해서 안됩니다.
그건 나중에 수정 하시면 될거 같고.
#gnb #menu #items .item a { color:#FFF; text-decoration:none; }
이렇게 되어 있으신데요.
이걸
#gnb #menu .avtive .item a { color:원하는색 !importnat; }
이렇게 수정해 보세요.
-
#gnb #menu #items .item a:hover 하면 마우스가 올라가는 순간 #gnb #menu #items .item a:active 는 클릭되는 순간
-
젠이
2014.10.05 19:13
hover랑 active는 문제없이 되는데 문제는 선택된 메뉴에 대한 글씨색 변경입니다..
active는 클릭되는 순간에만 색이 바뀌고 마우스에서 손가락을 떼는 순간 원래 색으로 돌아가네요.
해당 메뉴를 열람하고 있는 동안 글씨색이 계속 일반 메뉴색과 다른 색으로 고정되어 있으면 좋은데ㅜㅜ
-
#gnb #menu .avtive .item a { color:원하는색 !importnat; }
이렇게 하면 활성화 된 색이 변경될겁니다.
나가봐야 해서...
-
젠이
2014.10.05 19:36
아 네네 답변 감사드립니다^^
만들어둔 사이트를 봐야 정확하게 알 수 있지만
보통 .active 라는 클라스명을 활성화 된 메뉴에 붙힐겁니다.
이걸 기준으로 한번 파악해 보세요.
아님 작업하시는 링크를 걸어 두시거나요.