jQuery-UI选项卡 - 如何更改效果？

Question

我希望为使用标签的jQuery Content滑块添加更好的效果。

目前它使用“不透明度”，这真的很难看。

这是我的代码;

 $('#featured').tabs({
                      fx:{
                          opacity: "toggle"
                         }
                     }).tabs('rotate', 5000, true);

查看http://www.jsfiddle.net/cxNj8/4/

是否有可能在jQuery循环中添加更好的淡入淡出效果如'淡出'？

（注意：我已将循环库添加到jsfiddle示例中）

Answer 1

jQuery UI标签似乎不支持“交叉淡化”，只有“淡出”然后“淡入”，它们之间有空白。

但是，您可以尝试使用Flowplayer jQuery插件，该插件有一个在幻灯片中执行交叉渐变选项卡的示例，与您的示例类似： http://flowplayer.org/tools/tabs/slideshow.html

Answer 2

$('#featured').tabs({
                      fx:{
                           height: "toggle",
                           opacity: 'toggle', 
                           duration: 600   
                         }
                     }).tabs('rotate', 5000, true);