최고의 jQuery를 EasyUI 메뉴 및 버튼 - 분할 버튼 만들기 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 메뉴 및 버튼 - 분할 버튼 만들기를 배울 수 있습니다.
분할 버튼 (분할 버튼) 링크 버튼 (링크 버튼) 및 메뉴 (메뉴)가 포함되어 있습니다. 사용자가 아래쪽 화살표를 클릭 할 때, 또는 해당 메뉴를 표시 할 영역 위로 마우스를 가져. 이 예는 만들고 분할 버튼 (분할 버튼)를 사용하는 방법을 보여줍니다.
우리는 분할 버튼 (분할 버튼)와 링크 버튼 (링크 버튼)을 작성 :
<사업부 스타일 = "테두리 : 1 픽셀 고체 #ccc; 배경 : #fafafa; 패딩 : 5px; 폭 : 120 픽셀;"> <a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit"> 편집 </a>를 <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a>를 </ DIV> <사업부 아이디 = "mm"스타일 = "너비 : 150 픽셀;"> <사업부 iconCls = "아이콘-취소"> 취소 </ DIV> <사업부 iconCls = "아이콘 - 재실행"> 다시 실행 </ DIV> <사업부 클래스 = "메뉴 9 월"> </ DIV> <DIV> 잘라 내기 </ DIV> <DIV> 복사 </ DIV> <DIV> </ DIV> 붙여 넣기 <사업부 클래스 = "메뉴 9 월"> </ DIV> <DIV> <SPAN> 열기 </ SPAN> <사업부 스타일 = "너비 : 150 픽셀;"> <DIV> 파이어 폭스 </ DIV> <DIV> 인터넷 익스플로러 </ DIV> <사업부 클래스 = "메뉴 9 월"> </ DIV> <DIV> 프로그램 선택 ko. </ DIV> </ DIV> </ DIV> <사업부 iconCls = "아이콘-제거"> 삭제 </ DIV> <DIV> 모든 </ DIV> 선택 </ DIV>
지금 분할 버튼 (분할 버튼)을 정의하고있다, 당신은 어떤 자바 스크립트 코드를 작성할 필요가 없습니다.