jQuery EasyUI Layout - fügen Registerkarte Autoplay (Tabs)
Dieses Tutorial zeigt Ihnen, wie eine Autoplay-Tabs zu erstellen. Tabs Komponente zeigt die erste Registerfeld, dann die zweite Anzeige, die dritte ... wir werden einige Code schreiben, um automatisch Registerfeldern wechseln, dann lassen Sie es Zyklus.
Schritt 1: Erstellen Tabs
<Div id = "tt" class = "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>
Schritt 2: Schreiben von Code Automatische Wiedergabe
var index = 0; var t = $ ( '# tt'); var Tabs = t.tabs ( "Tabs"); setInterval (function () { t.tabs ( 'select', Tabs [index] .panel ( 'Optionen') Titel.); Index ++; if (index> = tabs.length) { index = 0; } }, 3000);
Wie Sie sehen können, rufen wir den Ansatz "Tabs" alle Registerfelder zu bekommen, und verwenden Sie die "setInterval" Funktion, sie zu wechseln.