jQuery diseño EasyUI - añadir ficha Reproducción automática (aquí)
Este tutorial le mostrará cómo crear una aquí de reproducción automática. componente más aquí muestra el primer panel de pestañas, a continuación, mostrar la segunda, tercera ... vamos a escribir algo de código para cambiar automáticamente los paneles de pestañas, y luego dejar que el ciclo.
Paso 1: Crear aquí
<Id = clase "tt" Div = estilo "-pestañas easyui" = "width: 330px; altura: 270px;"> <Title = Div estilo "Shirt1" = "padding: 20px;"> <Img src = "images / shirt1.gif"> </ Div> <Title = Div estilo "Shirt2" = "padding: 20px;"> <Img src = "images / shirt2.gif"> </ Div> <Title = Div estilo "Shirt3" = "padding: 20px;"> <Img src = "images / shirt3.gif"> </ Div> <Title = Div estilo "shirt4" = "padding: 20px;"> <Img src = "images / shirt4.gif"> </ Div> <Title = Div estilo "Shirt5" = "padding: 20px;"> <Img src = "images / shirt5.gif"> </ Div> </ Div>
Paso 2: Escribir Código de reproducción automática
Índice var = 0; var t = $ ( '# tt'); var = t.tabs pestañas ( 'tabs'); setInterval (function () { t.tabs ( 'select', pestañas [índice] .panel ( 'Opciones') del título.); índice ++; si (índice> = tabs.length) { index = 0; } }, 3000);
Como se puede ver, que llamamos enfoque de las pestañas '' para obtener todos los paneles de pestañas, y utilizar la función 'setInterval' para cambiar ellos.