테스트 사이트 - 개발 중인 베타 버전입니다

마우스 오버시 유지 하고 싶어요. 채택완료

4455 3년 전 조회 1,357

.gnb_menu_btn::after {position: absolute; content:""; display: block; border-bottom: 3px solid #000; transition: all 250ms ease-out; left: 50%; width: 0;} .gnb_menu_btn:hover::after {transition: all 400ms ease-out; left: 0%; width: 100%;}  

제가 인터넷에서 찾아서 수정해서 붙여넣었는데 마우스 오버시 박스가 나타나는 것을 유지 하고 싶어요.

마우스 포인트가 떠나면 박스가 사라지는 게 아니라 유지 하고 싶어요.

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

그러면 호버가 아니라 클래스를 줘서 on 으로 만들고 

 

스크립트로 대충 이런식으로 하면 되지 않을까요?

$(선택자).mouseover(function() {

$(this).addClass('on');

})

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
3년 전

잘 못하시겠으면 저처럼 빌더를 이용해 보세요.

배추빌더, 아니마, 나리야 모두 해당 기능 지원합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인