jquery - Scriptaculous Effect.SwitchOff——等效的 jQuery 是什么？

Question

我正在将 Web 应用程序的前端从 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 .