jquery - 同时缩放和淡出/jQuery

Question

我有一个 id 为“text”的 h1 文本块，当单击“开始”按钮时，我想同时放大 h1 文本并同时将其淡出。

如果我使用 .animate 函数，我会知道如何执行此操作，方法是使用“queue: false”。但由于我没有使用 .animate，我将如何实现类似的效果？

这是我的代码...再次，我希望同时触发 scale 和 fadeOut...

  $("#start").click(function () {
      $("#text").hide("scale", {percent:3000}, 1000);
      $("#text").fadeOut(1000);
  });

score 1 · Accepted Answer

根据我的评论，你可以尝试这样的事情，如果你愿意，你可以选择缓存 jquery 对象，但如果你只使用一次，那么你真的不需要cacing。我还没有测试，但我认为它会工作

$( "#start" ).click(function(){
  $( "#text" ).animate( { opacity: "0" }, { queue: false, duration: 1000 }).hide("scale", {percent:3000}, 1000);
});

这是一个简单的例子http://jsfiddle.net/rVNrY/

1 回答 1