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