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

现在我希望 div 的 onfocus 与缓动插件一起移动并移动它。我不想在动画中使用“慢”，例如

$('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);
});

谢谢你的帮助

4

1 回答 1

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

需要停止，否则 mouseover、mouseout 将完成第一个动画，然后是下一个，然后是下一个，这样你可以停止动画并继续下一个。

于 2011-11-15T15:00:22.613 回答