jQuery шкала пульсата

Question

Я хочу проинструктировать своего пользователя о том, как взаимодействовать с частью сайта с помощью нарисованной стрелки и рукописных инструкций. Я также хочу, чтобы он постоянно увеличивался и уменьшался в пульсирующем эффекте с помощью jQuery. Я знаю, что есть пульсирующий плагин для jQuery, но я не знаю, как смешать это с масштабом. Спасибо за ваши ответы.

Answer 1

Насколько я знаю, пульсат jQuery только для непрозрачности. Вместо этого я написал быструю «импульсную» функцию. Просто оживляет меньше, потом больше и начинает снова. Вам нужно позвонить pulse в режиме onload.

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, чтобы он указывал туда, куда вы хотите, и т. Д.