(원문과 이미지의 출처는 링크1입니다.)

일반적으로 마우스 오버를 이용한 서브메뉴 출력은, 약간의 시차를 두어서 실행합니다.


여러가지 이유가 있겠지만, 마우스 아웃을 너무 빨리 적용해 버리면 아래처럼 서브메뉴로 이동하기도 전에 사라져 버리거나, 메인 메뉴에서 서브메뉴로 이동할때 다른 메인메뉴 항목으로 가지 않고 '서브메뉴가 사라지지 않도록' 길을 잘 따라서 가야합니다.


그런데 아마존의 메가메뉴의 경우, 이런 딜레이 없이도 사용자 불편없이 메가서브메뉴를 잘 이용할 수 있습니다.


위 원글의 저자의 분석에 따르면, 아마존의 메가메뉴의 경우, 아래처럼 마우스의 현위치부터 서브메뉴로 이동하는 '파란색 삼각형' 영역에 마우스가 머무른다면, 다른 메뉴로 이동하지 않고 유지시킨다고 합니다. (코드를 확인해 보지는 않았습니다. ^^;)



그래서 원글의 저자인 Ben Kamens가 이를 jquery 플러그인으로 만들었다고 합니다. (링크2)

괜찮은 팁/플러그인 인것 같아서, 어디에다 올릴까 고민하다가, 코드 들여다보기 귀찮아서 (팁이 아닌) 여기에 '소식' 으로 올립니다. ^^