Question

首先，看看HERE，看看它如何更好地理解我的问题。

我正在将这个Jquery动画制作成一个机构网站，其想法是向成员们展示面孔。单击时，它会使用成员说明在其中间展开一个框。

这两个动画负责所有主要变化。

$('.espaco').animate({width:"302px", height: "378px",margin: "1px", padding: "0px"},500);
$('.first').animate({width:"228px"},500);

div的扩展和折叠的动画在第二次特别落后。所有这些都是因为浮动元素改变位置而且让我发疯。你们有没有办法让它变得更柔和？

Answer 1

我找到了解决方案\ o /。我没有改变与班级定位有关的事情，我只是限制了他们的动作大小。首先减小宽度a然后减小高度。所以它不会显示空白洞。它被称为回调。它基本上是对动画进行排序。

所以这个：

$('.espaco').animate({width:"0px",height:"228px",margin: "0px", padding: "0"},500);

成为这个：

    $('.espaco').animate({height:"228px",margin: "0px", padding: "0px"},function (){
        $('.espaco').animate(
            {width:"0px"},
            {duration:500}
        );
    });

最终代码在这里：http://jsfiddle.net/evarildo/bQUw2/20/embedded/result/ 希望我能帮助别人!!

更柔和的jquery动画与浮动元素

1 个答案: