2

我正在将我的 Web 应用程序的前端从 Prototype/Scriptaculous 迁移到 jQuery。我在 jQuery UI 中搜索了 ScriptaculousSwitchOff效果的等效项，但没有任何结果。

您可以在这里看到 Scriptaculous 效果：http: //jsfiddle.net/p46DA/

我的客户喜欢这种效果，因为它模仿了他的老电视，而且它是用于删除文件等的非常直观的 UX。

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

谢谢你，社区！

4

1 回答 1

0

没有等价物。“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] || { }));
};

取自源文件effects.js。

于 2012-06-04T13:48:09.327 回答