同时缩放和淡出/ jQuery

时间:2012-11-08 20:24:58

标签: jquery

我有一个带有“text”id的h1文本块,当点击“开始”按钮时,我想同时将h1文本放大并同时淡出它。

如果我使用.animate函数,使用“queue:false”,我会知道如何执行此操作。但由于我没有使用.animate,我怎么能达到类似的效果?

这是我的代码...再次,我希望缩放和fadeOut同时开火......

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

1 个答案:

答案 0 :(得分:1)

根据我的评论,您可以尝试这样的事情,如果需要,您可以选择缓存jquery对象,但如果您只使用它一次,那么您实际上并不需要这种情况。我没有测试,但我认为它会起作用

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

以下是一个简单示例http://jsfiddle.net/rVNrY/