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

마우스 올리면 나타나는 상단메뉴 관해 질문드립니다. (jquery, javascript) 채택완료

원훈재 10년 전 조회 4,306

1단 메뉴에 마우스를 올리면

2단 메뉴가 나타나는 구성을 하고 있습니다.

 

처음에는 onmouseover, out 으로 display:visible/none 을 왔다갔다하는 것으로 만들다가,

jquery에 hover:fadein,fadeout 기능이 있어서 이쪽으로 개발하려고 합니다.

 

그런데 문제가 1단 메뉴와 2단 메뉴 사이에 약간의 거리가 있는데,

그 사이를 마우스를 이동하면 한번 사라지고 다시 나타나는 현상이 나타납니다.

그러니까 1단 메뉴에서 2단 메뉴로 마우스를 이동하면

한번 fadeout이 되었다가 fadein이 되는 현상이 나타나는데요,

 

이것을 어떻게 해결하는게 좋을지 모르겠습니다.

잘 아시는 분들의 조언 기다리겠습니다. 감사합니다.

 


 

덧) 상단의 링크를 가보시면 증상(?)을 보실 수 있습니다.

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

답변 2개

채택된 답변
+20 포인트
10년 전

소스가 없어 정확한 부분은 모르겟지만

1단과 2단 사이에 공간이 있지않나 생각이드네여.

아니면 fadate in out자체를 잘못썻을수도 있겠네여 

 

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

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

10년 전

공간이 없이하셔야죠.

그리고 펼쳐진 메뉴에도 fade in 주신거같은데 효과가 없어야합니다.

그래야 펼쳐진 상태로있는게 맞다고 봅니다 

 

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

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

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

로그인