jquery .возможность различных скоростей

Question

Я использую функцию .animate в JQuery. У меня есть div, который скользит с использованием marginLeft, но мне также нужно, чтобы он исчезал, но мне нужно, чтобы он был медленнее эффекта marginLeft. С .animate, я могу только, кажется, применить один параметр скорости.

<script type="text/javascript"> 
$(document).ready(function(){ 
$(".topFrameAnim").css("opacity", "0.0"); 
    $(".topFrameAnim").animate({ 
    marginLeft: "0", 
    }, 500); 

    $(".topFrameAnim").animate({ 
    opacity: "1", 
    }, 1000); // Need this effect to be applied at the same time, at a different speed. 




    }); 


</script> 

Answer 1

Вы должны использовать два аргумента формы одушевленных, с queue:false в массиве опций (на первой анимации):

<script type="text/javascript"> 
$(document).ready(function(){ 
$(".topFrameAnim").css("opacity", "0.0") 

.animate({ 
    marginLeft: "0", 
    }, { queue: false, duration: 500) 
    .animate({ 
    opacity: "1", 
    }, 1000); // Need this effect to be applied at the same time, at a different speed. 

    }); 


</script> 

Примечание: Это .animate здесь, чтобы уменьшить количество селекторов используемый. Поскольку вы выбираете одни и те же объекты, лучше использовать существующий объект.