javascript - jQuery 刻度脉动

Question

我想指导我的用户如何使用绘制的箭头和手写说明与网站的一部分进行交互。我还希望它能够通过 jQuery 以脉动效果反复放大和缩小。我知道有一个 jQuery 脉冲插件，但我不知道如何将其与比例混合。感谢您的回复。

Answer 1

据我所知，jQuery pulsate 仅用于不透明度。相反，我编写了一个快速的“脉冲”函数。只需将动画变小，然后变大，然后重新开始。您需要在onload中调用pulse。

function pulse() {
 $('#arrow').animate({
    height: '200px'
  }, 400, function() {
    // First animate complete
    $('#arrow').animate({
      height: '150px'
      }, 400, function() {
        // Second animate complete
        pulse();
    });
  });
}

在此处查看演示:

http://jsbin.com/ejeni4/2/

http://jsbin.com/ejeni4/2/edit

可能有更好的方法，当然你可能需要清理CSS以使其指向你想要的位置等。