1

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

我正在将这个 Jquery 动画制作到一个机构网站，这个想法是展示成员的面孔。单击时，它会在其中间展开一个带有成员描述的框。

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

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

div 展开和折叠的动画在第二次特别滞后。这一切都是因为浮动元素改变了位置，这让我抓狂。大家知道有什么方法可以让它变软吗？

4

1 回答 1

0

我找到了解决方案\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/ 希望我能帮助别人！

于 2013-05-07T04:23:45.963 回答