guide:component:menubutton:menubtn_effecttype [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.
====== 메뉴버튼 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

템플릿 파일
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/MENUBUTTON/menubtn_effecttype.xml|menubtn_effecttype.xml]]
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/MENUBUTTON/menubtn_effecttype.js|menubtn_effecttype.js]]
  * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/MENUBUTTON/menubtn_effecttype|새창으로 실행]]

<php>
echo '<html>';
echo '<iframe src="';
echo $conf['plugin']['xf5']['xf5projecthome'], 'template/template.html?';
echo 'xframe_screen_url=/HTML5/COMPONENT/MENUBUTTON/menubtn_effecttype"';
echo ' class="_xf5_iframe"';
echo ' style="';
echo $conf['plugin']['xf5']['xf5iframestyle'];
echo '">';
echo '</iframe>';
echo '</html>';
</php>

==== 화면 스크립트 ====

<sxh javascript>
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();
}
</sxh>