使用jQueryUI Tabs切换标签时是否可以交叉淡入淡出?

时间:2011-03-30 18:54:53

标签: javascript jquery jquery-ui jquery-tabs

所以我知道可以使用jQuery UI Tabs来实现这种淡入/淡出效果。这是我必须要做的代码:

$("#Tabs").tabs({ fx: [{ opacity:'hide', duration:1000 },
                       { opacity:'show', duration:1000 }] });

这将完全淡出当前标签,然后在新标签中开始淡入淡出,这样你就可以在一瞬间得到这个空白区域。

我真正需要的是更多的交叉渐变效果,这意味着当我点击另一个标签时,新标签的淡入将在淡出当前标签的同时开始。

2 个答案:

答案 0 :(得分:2)

哎哟。刚花了最后三十分钟试图获得UI标签和Cycle玩得很好,没有太多运气。我最终得到的是this demo

你会感到失望的是没有标签,但它应该很容易作弊并使这些链接看起来像标签(我还在尝试,我自己也想这样)。

答案 1 :(得分:1)

抱歉,由于此故障单尚未完成,因此看起来不可能:

http://bugs.jqueryui.com/ticket/3927