본문 바로가기
developer/java/javascript

메뉴바 위에 마우스 오버시 하위 메뉴 보여지는 샘플

by 모.서리 2012. 3. 6.

Menubar 위에 마우스 오버시 하위 메뉴 보여지는 샘플입니다.


var flag = false; //SubPopUpMenu open flag 변수
function Menu00_onmousemove(obj:Menu, e:MenuMouseEventInfo)
{
 var nLeft;
 var nIdx;
 var bStates = Menu00.isPopup();


 if( bStates && !flag ) {
  Menu00.cancelPopup(); 
 }
 flag = false;
 
 //메뉴별 구분을 e.clientX 좌표값으로 처리
 if( e.clientX > 0 && e.clientX < 80 ){
  nLeft = 0;
  nIdx = 0;
 } else if( e.clientX > 80 && e.clientX < 160 ){
  nLeft = 81;
  nIdx = 1;
 } else if( e.clientX > 160 && e.clientX < 240 ){
  nLeft = 162;
  nIdx = 2;
 } else if( e.clientX > 240 && e.clientX < 320 ){
  nLeft = 243;
  nIdx = 3;
 } else if( e.clientX > 320 && e.clientX < 400 ){
  nLeft = 324;
  nIdx = 4;
 } else if( e.clientX > 400 && e.clientX < 480 ){
  nLeft = 405;
  nIdx = 5;
 } else if( e.clientX > 480 && e.clientX < 625 ){
  nLeft = 486;
  nIdx = 6;
 }
 
 if( !flag ){
  Menu00.trackPopup(nIdx, nLeft, 40);
  flag = true;
 } 
}