jQuery的動畫與放鬆

Question

1. 我有一個頁面，顯示鼠標懸停我想要的網頁，移動到焦點的div一個div ....我得到幫助這裏做...

現在，我想要讓onfocus使用easing插件移動div並移動它。我不希望在有生如

$('html, body').animate({ scrollTop: $('#box0').offset().top }, 1000); 

使用「慢」如何申請緩解上述代碼

其次，我想這是從左至右的mouseenter滑出的div並在隱藏之前從右向左滑動。 這是我現在使用的。我知道有一個更好或最好的方式來實現我現在正在做的事情。

$("#app0").mouseenter(function() { 
$("#lSection2").show('slide').delay(3000); //container for div of four 
$("#boxContent0").slideDown(2000);$('html, body').animate({ scrollTop: $('#app0').offset().top }, 1000);// one of the divs within #lSection2 

}); 

$('#boxContent0').mouseleave(function() { 
    $("#boxContent0").fadeOut(1000);  
    $("#lSection2").fadeOut(1000); 
}); 

感謝您的幫助

Answer 1

的寬鬆可以添加如下，請參閱

.animate(properties [, duration] [, easing] [, complete]) 

您可以使用懸停mouseover和mouseout。

$("#app0").hover(function() { 
    // Mouseover 
    $("#lSection2").stop(true, false).width(0).animate({ width: 200}, 1000); 
},function(){ 
    // Mouseout 
    $("#lSection2").stop(true, false).width(0).animate({ width: 0}, 1000); 
}); 

需要停止，否則將鼠標懸停，鼠標移開，將完成第一個動畫，然後下一個，下一個和下一個，這樣你可以停止動畫並繼續下一個。