마우스오버 유지하기?
본문
안녕하세요..
이윰테마라 이윰에 물어볼려고하는데 로그인이 안돼서 ㅠㅠ 여기에 여쭤봅니다 죄송합니다
mouseover 되면 메뉴(카테고리)배경색 다른색으로 바뀌는데요
mouseover하면 그 메뉴의 서브메뉴들이 나오는데 마우스오버를 풀면 배경색이 다시 되돌아옵니다
마우스오버가 풀려고 그 메뉴이면(서브메뉴창이라면) 배경색 유지하는 방법이있을까요??
<li class="{? .active}active{/} {? menu.submenu}dropdown {/}" style="{? .그 메뉴일시}background:#3fb3e4{/}" > 이런식으로 할려고하는데
이윰조건물을 어떻게 줘야할지 모르겠네요
답변 1
javascript로
변수와 함수를 1개씩 를 만들고
현재 배경색을
변수에 저장합니다.
자바스크립트의 함수에서 배경색변수에 내용으로 배경색을 만듭니다.
(초기값지정필요)
마우스 오버시마다 특정값(변수=컬러) 를 지정하여 위에서 만든 함수에 전달합니다.
(오버시 행동처리는 기존과 동일하게 구현)
마우스 아웃시 처리할 내용은 배경이 아닌 다른 행동(풀다운 닫기 등의 처리만 합니다.)
감사합니다 !Css 에서 수정했습니다 : )
답변을 작성하시기 전에 로그인 해주세요.
