Question

我有一个显示鼠标悬停div的页面我希望页面移动到焦点上的div ....我在这里得到了帮助...

现在我希望onfocus到div移动缓动插件并移动它。我不想在动画中使用'慢'，例如

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

如何将缓动应用于上述代码

其次，我希望显示的div在mouseenter上从左向右滑出，然后在隐藏之前从右向左滑动。这就是我现在使用的。我知道有一种更好或更好的方式来实现我现在正在做的事情。

$("#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

可以按照以下方式添加缓动，请参阅http://api.jquery.com/animate/

.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);
});

需要停止鼠标悬停，mouseout，将完成第一个动画，然后是下一个，下一个和下一个，这样你就可以停止动画并继续下一个动画。

jquery缓动与动画

1 个答案: