我们可以在jquery ui标签中用于隐藏/显示的不同效果有哪些?

时间:2013-11-03 04:41:16

标签: javascript jquery jquery-ui jquery-ui-tabs

我正在尝试实施jQuery UI标签,并了解slideUpfadeInhideshow等效果。还可以使用其他哪些效果?例如,爆炸无效。有没有地方可以获得可以与jQuery UI标签一起使用的所有效果的列表?

还有什么方法可以实现自定义动画;你能告诉我怎么用爆炸来隐藏吗?

2 个答案:

答案 0 :(得分:2)

  

“你能告诉我如何使用爆炸来隐藏。”

您是否考虑过阅读jQuery UI tabs documentation,其中包含hiding with "explode"的示例:

$( ".selector" ).tabs({ hide: { effect: "explode", duration: 1000 } });

您可以轻松地将其与show相同或不同的效果结合起来:

$( ".selector" ).tabs({
    hide: { effect: "explode", duration: 1000 },
    show: { effect: "explode", duration: 1000 }
});

演示:http://jsfiddle.net/T4rst/

  

“是否有任何地方可以获得可以与jquery-ui标签一起使用的所有效果的列表。”

同样的文档页面说:

  

“值可以是内置jQuery动画方法的名称,例如”slideUp“,也可以是jQuery UI效果的名称,例如”fold“。

因此有一个jQuery UI效果列表here,以及适用的标准jQuery。

答案 1 :(得分:0)

查看详细信息。它可能会对您的问题有所帮助:http://api.jqueryui.com/category/effects/