使用easyUI创建一个自动播放的tabs
2012-08-09 16:01
411 查看
@author YHC
这个教程将向你展示如何创建一个自动播放的tabs. tabs 组件显示第一个tab panel,然后显示第二个,第三个.....,我们将写一些代码自动的切换tab
panel,然后让他循环.
查看Demo
easyui-tabs-demo.zip
这个教程将向你展示如何创建一个自动播放的tabs. tabs 组件显示第一个tab panel,然后显示第二个,第三个.....,我们将写一些代码自动的切换tab
panel,然后让他循环.
查看Demo
步骤1: 创建 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>
步骤 2: 写自动播放代码
var index = 0; var t = $('#tt'); var tabs = t.tabs('tabs'); setInterval(function(){ t.tabs('select', tabs[index].panel('options').title); index++; if (index >= tabs.length){ index = 0; } }, 3000);正如你所见到的,我们调用'tabs'方法去得到所有tab panel和切换他们,使用'setInterval'函数.
下载 EasyUI示例代码:
easyui-tabs-demo.zip
相关文章推荐
- 使用easyUI创建一个自动播放的tabs
- 2.Animation的使用 - 创建一个可以自动切换界面的游戏登陆页面
- 使用easyUI创建Tabs标签
- 使用easyui创建tabs组件和动态添加
- 使用easyui创建tabs组件和动态添加
- 使用easyUI创建Tabs标签
- 播放一个AVI视频,相当于使用opencv创建自己的视频播放器
- 使用easyUI创建一个CRUD的应用
- 创建一个简单的HTTP服务(自动查找未使用的端口)
- 通过node指令自动创建一个package.json文件,并封装发布使用
- [转]C#创建服务及使用程序自动安装服务,.NET创建一个即是可执行程序又是Windows服务的exe
- 使用easyUI创建一个CRUD的应用
- 创建一个程序读入和显示视频文件,并可以使用滑动条控制视频文件的播放。一个滑动条用来控制视频播放位置,以10为步长跳进。另一个滑动条用来控制停止/播放
- 分享一个漂亮的自动播放的Tabs
- C#创建服务及使用程序自动安装服务,.NET创建一个即是可执行程序又是Windows服务的exe(转)
- 使用easyUI创建一个课程表
- 创建一个简单的HTTP服务(自动查找未使用的端口)
- 使用easyUI创建一个border layout在你的web页面
- C#创建服务及使用程序自动安装服务,.NET创建一个即是可执行程序又是Windows服务的exe