>웹 프론트엔드 >JS 튜토리얼 >JMenuTab 간단한 사용법 설명_javascript 기술

JMenuTab 간단한 사용법 설명_javascript 기술

WBOY
WBOY원래의
2016-05-16 19:05:451234검색

코드 예:
var menuLeft = new JMenuTab(null,null,"left");
menuLeft.create()
menuLeft.setSkin("JMenuTabBlue")
menuLeft.setFixHeight(400) ,false,false,true);
menuLeft.addTab("About");
menuLeft.addTab("Xling")
menuLeft.setActiveTab(0); 구성:
함수 JMenuTab(pWidth,pHeight,pBody)
pWidth를 지정하지 않으면 100%이고, pHeight를 지정하지 않으면 기본 높이가 됩니다. BODY 끝에 표시됩니다. 참고: 지정하지 않으면 대신 null을 사용해야 합니다.
var menuLeft = new JMenuTab(null,null,"left")
var menuLeft = new JMenuTab(null,null, null);
var menuLeft = new JMenuTab();
var menuLeft = new JMenuTab(100,100);


2, 초기 생성:
this.create = function()
이 기능은 new JMenuTab(...) 바로 다음에 와야 합니다.


3. 스킨 설정:
this.setSkin = function(pSkin)
pSkin은 다음과 같은 CSS 파일에서 가져옵니다.
#JMenuTabGreen {
글꼴 패밀리 : Verdana, Arial, Helvetica, sans-serif;
글꼴 크기: 12px;
테두리 오른쪽 너비: 1px; 🎜> border -left-width: 1px;
}
#JMenuTabGreen .oInnerline {
background-color: #FFFFFF;
}
이 pSkin을 사용할 수 있습니다: JMenuTabGreen



4. 고정(최소) 높이를 설정합니다.
this.setFixHeight = function(pHeight,pAutoExpend,pXScroll,pYScroll)
pHeight는 최소 높이를 나타냅니다.
pAutoExpend, 자동 확장 여부를 나타냅니다(콘텐츠 높이가 pHeight보다 큰 경우). null일 수 있으며 비워둘 수 있습니다.
pXScroll, 가로 스크롤 축 표시 여부를 나타내며 null일 수 있습니다. 하지만 비워둘 수 있습니다.
pYScroll은 세로 스크롤 축을 표시할지 여부를 나타내며 null이거나 공백으로 둘 수 있습니다.


5, 라벨 추가:
this.addTab = function (pLabel,pPageBodyId)
pLabel은 라벨의 텍스트를 참조합니다.
pPageBodyId는 태그 콘텐츠 컨테이너(DIV, IFRAME, TABLE 등)의 ID를 나타내며 null일 수 있고 비워 둘 수 있습니다.

6, 태그 없이 일반 패널로 사용:
this.setDefaultPage = function(pPageBodyId)
이것을 사용하세요. 더 이상 addTab을 사용하지 마세요.
pPageBodyId는 addTab의 pPageBodyId 와 동일하지만 필수입니다.


7, 현재 레이블을 설정합니다:
this.setActiveTab = function(pIndex)
pIndex는 0부터 시작하는 숫자입니다. 인덱스가 없으면 인덱스가 되지 않습니다. 세트.


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.