YouTip

# jQuery EasyUI Layout - Adding Auto-Playing Tabs (Tabs) This tutorial will show you how to create an auto-playing Tabs. The Tabs component displays the first tab panel, then the second, third... We will write some code to automatically switch the tab panels and then loop them. !(#) #### Step 1: Create Tabs #### Step 2: Write the Auto-Play Code var index = 0;var t = $('#tt');var tabs = t.tabs('tabs');setInterval(function(){t.tabs('select', tabs.panel('options').title);index++;if (index >= tabs.length){index = 0;}}, 3000); As you can see, we call the 'tabs' method to get all tab panels and use the 'setInterval' function to switch them. ## Download jQuery EasyUI Example [jeasyui-layout-tabs3.zip](#) # jQuery EasyUI Layout – Adding Auto-Playing Tabs (Tabs) | Tutorial # [Tutorial -- Learning is not just about technology, but also about dreams!](#) * (javascript:void(0);) * (javascript:void(0);) * (javascript:void(0);) * (javascript:void(0)) jQuery EasyUI Tutorial (#)(#) ## jEasyUI Applications (#)(#)(#)(#) ## jEasyUI Drag and Drop (#)(#)(#) ## jEasyUI Menu and Button (#)(#)(#)(#) ## jEasyUI Layout (#)(#)(#)(#)(#)(#)(#) ## jEasyUI DataGrid (#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#) ## jEasyUI Window (#)(#)(#)(#)(#) ## jEasyUI Tree Menu (#)(#)(#)(#)(#)[jEasyUI Tree Menu Load Parent/Child Nodes](#)(#)(#)(#)(#)(#) ## jEasyUI Form (#)(#)(#)")(#)")(#)") ## jEasyUI Reference Manual (#)(#) [](#)[jQuery EasyUI Layout – Dynamically Add Tabs (Tabs)](#)") [jQuery EasyUI Layout – Create XP-Style Left Panel](#)[](#) Deep Dive Software Utilities Technical Reference Information Printing and Publishing Programming Computer Science Development Tools Scripting Languages Web Design and Development Programming Languages Scripts [](#)[jQuery EasyUI Layout – Dynamically Add Tabs (Tabs)](#)") [jQuery EasyUI Layout – Create XP-Style Left Panel](#)[](#)