1. Home
  2. jQuery EasyUI layout - dodaj kartę AutoPlay (Tabs)

Najlepszy samouczek jQuery EasyUI layout - dodaj kartę AutoPlay (Tabs) W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI layout - dodaj kartę AutoPlay (Tabs)

Ten poradnik pokaże Ci, jak stworzyć Tabs autoodtwarzania. Komponent Tabs wyświetli pierwszy panel kartę, a następnie wyświetlić drugi, trzeci pl. będziemy pisać kod, aby automatycznie przełączyć panele zakładki, pozwól mu cykl.

Krok 1: Tworzenie Tabs 

	<Div id = class "tt" = "easyui-tabs" style = "width: 330px; height: 270px;">
		<Div title = "Shirt1" style = "padding: 20px;">
			<Img src = "images / shirt1.gif">
		</ Div>
		<Div title = "Shirt2" style = "padding: 20px;">
			<Img src = "images / shirt2.gif">
		</ Div>
		<Div title = "Shirt3" style = "padding: 20px;">
			<Img src = "images / shirt3.gif">
		</ Div>
		<Div title = "Shirt4" style = "padding: 20px;">
			<Img src = "images / shirt4.gif">
		</ Div>
		<Div title = "Shirt5" style = "padding: 20px;">
			<Img src = "images / shirt5.gif">
		</ Div>
	</ Div>

Krok 2: Wpisz kod Autoodtwarzanie 

	Indeks var = 0;
	var t = $ ( '# tt');
	var tabs = t.tabs ( "tabs");
	setInterval (function () {
		t.tabs ( 'select', zakładki [indeks] .panel ( "Opcje") tytuł.);
		Indeks ++;
		if (indeks> = tabs.length) {
			index = 0;
		}
	}, 3000);

Jak widać, nazywamy podejściem do "Zakładki ', aby uzyskać wszystkie panele kartę i użyć funkcji' 'setInterval je przełączać.

Pobierz przykłady jQuery EasyUI

jeasyui-layout-tabs3.zip

Hot Tutorials

Contact US

jQuery EasyUI layout - dodaj kartę AutoPlay (Tabs)
10/30