Изменение скорости (продолжительности) анимации / остановки

Question

Посмотрел вокруг и не смог найти ответ. Мне нужно добавить продолжительность анимации к этому коду:

$('a:has(.image-active)').hover(function() { 
    $('.image-active', this).stop().animate({"opacity": 1}); 
},function() { 
    $('.image-active', this).stop().animate({"opacity": 0}); 
});

Однако я не могу понять, где разместить продолжительность. Просто теперь он превращается в 1 и постепенно исчезает в 0, что должно быть значением по умолчанию для jQuery.

Answer 1

Передайте продолжительность в качестве второго параметра в animate (), например:

.animate({"opacity": 1}, "fast");

или

.animate({"opacity": 1}, 3000);

Answer 2

.animate() имеет объект параметров:

.animate({"opacity": 1}, {duration: 100});

Мне нравится быть многословным, но вы также можете передать длительность в виде числа:

.animate({"opacity": 1}, 100);

Прочтите документацию , чтобы узнать больше.Посмотрите на примеры.

Answer 3

Прежде всего opacity не должно быть в quotes изменить "opacity" на opacity

.animate({opacity: 1},100);

см. здесь

Answer 4

API jquery для метода .animate () - отличное место для начала. Вы можете указать длительность (в виде значения в миллисекундах, или «быстрой» или «медленной» строки) для анимации после свойств. По умолчанию это 400, если я правильно помню.