JQuery EasyUI макет - добавить вкладку Автозапуск (Tabs)
Этот учебник покажет вам, как создать автозапуска вкладок. Вкладки компонент отображает первую панель вкладок, а затем отобразить второй, третий ... мы будем писать код для автоматического переключения вкладок панели, затем дайте ему цикл.
Шаг 1: Создание вкладок
<Div ID = класс "тт" = "easyui-вкладки" стиль = "ширина: 330px; высота: 270px;"> <Div название = стиль "Shirt1" = "обивка: 20px;"> <IMG SRC = "Images / shirt1.gif"> </ Div> <Div название = стиль "футболка2" = "обивка: 20px;"> <IMG SRC = "Images / shirt2.gif"> </ Div> <Div название = стиль "Shirt3" = "обивка: 20px;"> <IMG SRC = "Images / shirt3.gif"> </ Div> <Div название = стиль "Shirt4" = "обивка: 20px;"> <IMG SRC = "Images / shirt4.gif"> </ Div> <Div название = стиль "Shirt5" = "обивка: 20px;"> <IMG SRC = "Images / shirt5.gif"> </ Div> </ Div>
Шаг 2: Написать код автозапуск
Индекс вар = 0; вар т = $ ( '# тт'); Вкладки вар = t.tabs ( 'вкладки'); setInterval (функция () { t.tabs ( 'выберите', вкладки [индекс] .panel ( 'опции') название.); Индекс ++; если (индекс> = tabs.length) { Индекс = 0; } }, 3000);
Как вы можете видеть, мы называем подход-х вкладок ", чтобы получить все вкладки панели, а также использовать '' setInterval функцию, чтобы поменять их местами.