[Javascript] 마우스 포인터가 레이어를 떠날 때 레이어닫기

네이버에는 실시간 인기검색어가 있다.
마우스포인터를 올리면 인기검색어 목록이 레이어로 나타나는데,
요 레이어는 마우스포인터가 레이어 밖으로 나가는 순간에 사라진다.

사용자 삽입 이미지



처음엔 레이어(즉, dom 엘리먼트)위에 있다가 마우스가 떠나는 순간을 나타내는 자바스크립트 이벤트핸들러가 있을꺼라 생각하고, 검색에 검색을 해보았지만,, 발견하진 못했고,,

phpschool 에서 해당 내용을 색다른(?)방법으로 구현하는 방법을 찾아낼 수 있었다.
해당 레이어에 다음과 같이 두 개의 이벤트핸들러를 한꺼번에 등록하니까,
IE, FF 에서 둘 다 잘 동작하네요^^;

<div id='div1' onMouseOver="this.style.display=''" onMouseOut="this.style.display='none'">
</div>

실제로 네이버에서 어떻게 구현했는지는 잘 모르겠다^^;;