除了切换之外的jQuery选项卡旋转效果？答案

【问题标题】：jQuery tab rotation effect besides toggle?除了切换之外的jQuery选项卡旋转效果？
【发布时间】：2011-11-18 03:29:22
【问题描述】：

我在这里有一个 jQuery 滑块旋转：http://8wayrun.com/

幻灯片每 5 秒更换一次。我正在使用此代码：

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

如果您在我的网站上查看它，这个问题就很明显了；当它更改幻灯片时，它会淡出当前幻灯片，然后淡入新幻灯片。所以有一个时间点屏幕上没有幻灯片。有没有办法让新幻灯片淡入而旧幻灯片淡出？这样就没有黑色的空虚了？

【问题讨论】：

我添加了一些额外的信息来解决您在此处的特定代码。请点击以下链接。
什么是.tabs？我以前从未见过。
从源代码来看，似乎是 jQuery Tools Tabs 而不是 jQuery UI 的
如果您使用的是第三方 js 插件，那么您需要在您的问题中识别它们。我们不应该翻看你的源代码。

标签： jquery tabs

【解决方案1】：

我从未使用过这个插件，但它们提供了很好的文档。 PS - 一个小提琴在这里会有很大帮助。

http://flowplayer.org/tools/tabs/index.html#effects

您可以添加自己的效果

$.tools.tabs.addEffect("default", function(tabIndex, done) {

    // fade out all other panes and fade in new pane
    this.getPanes().animate({ opacity: .3; }).eq(tabIndex).fadeIn();

    // the supplied callback must be called after the effect has finished its job
    done.call();
});

然后像这样将它用于您的标签效果

$("#recentSlider").tabs("<pane_selector>", {
    effect: 'myeffect',
});

【讨论】：