1. Home
  2. jQuery를 EasyUI 레이아웃 - 자동 실행 탭을 추가 (탭)

최고의 jQuery를 EasyUI 레이아웃 - 자동 실행 탭을 추가 (탭) 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.

jQuery를 EasyUI 레이아웃 - 자동 실행 탭을 추가 (탭)

이 튜토리얼에서는 자동 재생 탭을 만드는 방법을 보여줍니다. 탭 구성 요소는 첫 번째 탭 패널을 표시 한 다음 두 번째를 표시, 세 번째 ko. 우리는 자동으로 탭 패널을 전환하는 코드를 작성합니다, 다음을주기를 할 수 있습니다.

1 단계 : 만들기 탭 

	<사업부 아이디 = "TT"클래스 = "easyui 탭이"스타일 = "너비 : 330px; 높이 : 270px;">
		<사업부 제목 = "셔츠 1"스타일 = "패딩 : 20 픽셀;">
			<IMG SRC = "이미지 / shirt1.gif">
		</ DIV>
		<사업부 제목 = "Shirt2"스타일 = "패딩 : 20 픽셀;">
			<IMG SRC = "이미지 / shirt2.gif">
		</ DIV>
		<사업부 제목 = "Shirt3"스타일 = "패딩 : 20 픽셀;">
			<IMG SRC = "이미지 / shirt3.gif">
		</ DIV>
		<사업부 제목 = "Shirt4"스타일 = "패딩 : 20 픽셀;">
			<IMG SRC = "이미지 / shirt4.gif">
		</ DIV>
		<사업부 제목 = "Shirt5"스타일 = "패딩 : 20 픽셀;">
			<IMG SRC = "이미지 / shirt5.gif">
		</ DIV>
	</ DIV>

2 단계 : 코드 자동 재생 쓰기 

	VAR 인덱스 = 0;
	var에 t = $ ( '#의 TT');
	VAR 탭의 t.tabs = ( '탭');
	하여 setInterval (함수 () {
		t.tabs ( '선택'탭 [색인] .panel ( '옵션') 제목입니다.)
		인덱스 ++;
		경우 (인덱스> = tabs.length) {
			인덱스 = 0;
		}
	}, 3000);

당신이 볼 수 있듯이, 우리는 모든 탭 패널을 얻고,이를 전환 '에 setInterval'기능을 사용할 수있는 '탭'접근 방식을 호출합니다.

jQuery를 EasyUI 예제를 다운로드

jeasyui-layout-tabs3.zip

핫 튜토리얼

Contact US

jQuery를 EasyUI 레이아웃 - 자동 실행 탭을 추가 (탭)
10/30