jQuery EasyUI mise en page - ajouter onglet lecture automatique (onglets)
Ce tutoriel va vous montrer comment créer un Tabs autoplay. composant Tabs affiche le premier panneau d'onglet, puis afficher la deuxième, troisième ... nous allons écrire du code pour passer automatiquement des panneaux à onglets, puis laissez-le cycle.
Étape 1: Créer des onglets
<Div id = classe "tt" style = "easyui-onglets" = "width: 330px; height: 270px;"> <Title = Div style "shirt1" = "padding: 20px;"> <Img src = "images / shirt1.gif"> </ Div> <Title = Div style "Shirt2" = "padding: 20px;"> <Img src = "images / shirt2.gif"> </ Div> <Title = Div style "shirt3" = "padding: 20px;"> <Img src = "images / shirt3.gif"> </ Div> <Title = Div style "Shirt4" = "padding: 20px;"> <Img src = "images / shirt4.gif"> </ Div> <Title = Div style "Shirt5" = "padding: 20px;"> <Img src = "images / shirt5.gif"> </ Div> </ Div>
Étape 2: Ecrire du code Autoplay
var index = 0; var t = $ ( '# tt'); var = onglets t.tabs ( 'onglets'); setInterval (function () { t.tabs ( 'select', onglets [index] .Panneau ( 'Options') titre.); index ++; if (index> = tabs.length) { index = 0; } }, 3000);
Comme vous pouvez le voir, nous appelons l'approche des «onglets pour obtenir tous les panneaux de l'onglet, et utilisez la fonction 'setInterval' de les allumer.