日韩福利电影,三级在线视频观看,国产乱理伦片在线

jQuery EasyUI使用教程：添加自動(dòng)播放標(biāo)簽

原創(chuàng)|使用教程|編輯：龔雪|2015-11-18 09:13:59.000|閱讀 654 次

概述：本教程將為你展示如何創(chuàng)建一個(gè)自動(dòng)播放標(biāo)簽。該標(biāo)簽組件顯示第一個(gè)面板，然后顯示第二個(gè)、第三個(gè)......我們將編寫(xiě)一些代碼來(lái)自定切換標(biāo)簽面板并使其循環(huán)。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

<jQuery EasyUI最新版下載>

本教程將為你展示如何創(chuàng)建一個(gè)自動(dòng)播放標(biāo)簽。該標(biāo)簽組件顯示第一個(gè)面板，然后顯示第二個(gè)、第三個(gè)......我們將編寫(xiě)一些代碼來(lái)自定切換標(biāo)簽面板并使其循環(huán)。

Step 1：創(chuàng)建標(biāo)簽

<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>

Step 2：編寫(xiě)自動(dòng)播放代碼

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);

正如你看到的那樣，我們調(diào)用'tabs' 方法還獲得所有的標(biāo)簽面板，并使用'setInterval' 函數(shù)來(lái)切換它們。

下載該EasyUI示例：

購(gòu)買最新正版授權(quán)！""