尝试使用Jquery来缓解div

Question

我制作了以下剧本：

我想要动画的div：

DIV = $('div.info_holder');

功能：

function bezar(){

DIV.stop().animate({
            opacity: 0
        }, {
            duration: 400,
            easing: "easeOutSine",
            complete: function () {
               DIV.css("display", "none")
            }
        })};

为什么我无法完成这项工作？ ：）

Answer 1

您确定easeOutSine可用作缓动函数（即您使用的是jQ UI还是其他一些缓动插件）？虽然.animate()是jQuery核心的一部分，但其他缓动函数却不是。

如果你只是想让easeOutSine做类似的事情：

$.extend($.easing,
  {
    easeOutSine: function (x, t, b, c, d) {
      return c * Math.sin(t/d * (Math.PI/2)) + b;
    }
  }
)

在致电animate()之前，在您的JavaScript中

，这应该有用。