Scriptaculous Effect.SwitchOff - 什么是jQuery等价物？

Question

我正在将我的网络应用程序的前端从Prototype / Scriptaculous迁移到jQuery。我在jQuery UI中搜索了相当于Scriptaculous SwitchOff效果，没有结果。

您可以在此处查看Scriptaculous效果：http://jsfiddle.net/p46DA/

我的客户喜欢这种效果，因为它模仿他的电视，这是一个非常直观的用于删除文件等的用户体验。

由于jQuery没有内置的关闭效果，我认为你可以通过淡化定制的缓动曲线来实现它？有没有人有这方面的经验？

谢谢社区！

Answer 1

没有等价物。 “SwitchOff”是效果的组合：闪烁，不透明度和比例。你需要自己写。这是Scriptaculous函数：

Effect.SwitchOff = function(element) {
  element = $(element);
  var oldOpacity = element.getInlineOpacity();
  return new Effect.Appear(element, Object.extend({
    duration: 0.4,
    from: 0,
    transition: Effect.Transitions.flicker,
    afterFinishInternal: function(effect) {
      new Effect.Scale(effect.element, 1, { 
        duration: 0.3, scaleFromCenter: true,
        scaleX: false, scaleContent: false, restoreAfterFinish: true,
        beforeSetup: function(effect) { 
          effect.element.makePositioned().makeClipping();
        },
        afterFinishInternal: function(effect) {
          effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity});
        }
      })
    }
  }, arguments[1] || { }));
};

取自source file effects.js。