2009-08-29 132 views
28

我還沒有找到任何有關此的真實文檔,所以我想知道是否有人知道jQuery UI Tabs的所有可用fx選項?jQuery UI選項卡 - 可用fx選項

的,僅僅是迄今爲止我見過的有:

  1. opacity: "toggle";
  2. height: "toggle";

淡入淡出將是不錯,但我不認爲我已經看到這種情況還有jQuery UI選項卡。

此外,我甚至找不到如何指定FX速度,雖然文檔提到我應該能夠改變它。

回答

41

基本上FX選項,可以用來調用animate,您可以指定在陣列中有一個選項或兩個,將被用來做顯示和隱藏效果:

$('#tabs').tabs({ fx: [{opacity:'toggle', duration:'normal'}, // hide option 
         {opacity:'toggle', duration:'fast'}] }); // show option 

外匯速度可使用選項對象上的duration成員指定。

基本上你可以做同樣的轉換,你可以使用動畫。

查看位於第250 here行的ui.tabs.js文件,更好地瞭解如何設置動畫。

+0

可以對新的html(不是當前顯示的html)執行動畫嗎? – gkdm 2010-02-17 13:43:26

+0

這不是正確的淡入淡出,因爲在淡入淡出之間不應該存在白色的標籤內容變化,總是至少有一個標籤內容存在。請問你可以再試一次嗎? (可以使div位置絕對和淡入div1和淡出div2) – Yosef 2011-01-09 15:51:36

11
opacity: "toggle"; 
height: "toggle"; 
width: "toggle";