메뉴버튼 position 속성 가이드

메뉴버튼 컴포넌트의 메뉴박스 position 샘플 화면이다.

position이 absolue일때는 메뉴버튼과 독립적으로 이동이 가능하지만, relative일때는 메뉴버튼의 하단에서 이동시킬 수 없다.

position이 absolue일때는 메뉴버튼의 전체 크기에 메뉴박스가 포함되지 않고, relative일때는 메뉴버튼의 전체 크기에 메뉴박스가 포함된다.

메뉴박스가 show/hide되는 이벤트는 상황에 따라 다를 수 있기 때문에, 직접 링크한 후 togglemenubox 혹은 showmenubox API를 호출 해야한다.

관련 속성으로 position, menubox_position, menuboxshow_effecttype, menuboxhide_effecttype가 있다.

관련 API로 togglemenubox, showmenubox, isshowmenubox가 있다.

관련 이벤트로 on_mouseup가 있다.

템플릿 위치: /HTML5/COMPONENT/MENUBUTTON/menubtn_effecttype

템플릿 파일

• menubtn_effecttype.xml
• menubtn_effecttype.js
• 새창으로 실행

function menubtn_1_on_mouseup(objInst)
{
	objInst.togglemenubox();
}

function menubtn_2_on_mouseup(objInst)
{
	objInst.togglemenubox();
}

function menubtn_3_on_mouseup(objInst)
{
	objInst.togglemenubox();
}

function menubtn_4_on_mouseup(objInst)
{
	objInst.togglemenubox();
}

function menubtn_5_on_mouseup(objInst)
{
	objInst.togglemenubox();
}

function menubtn_6_on_mouseup(objInst)
{
	objInst.togglemenubox();
}