Javascript 在他出现时移动方块

可以看到，第一个块出现，然后更改其边距

我怎样才能使这两个事件同时发生

我试图同时运行这两个函数，但它不起作用：

$(document).ready(function(){

  $('#box1').fadeIn(2000); 
  $('#box1').animate({marginLeft: '100px'});  

}); // end ready

如前所述，要使这些动画同时发生，您应该使用jQuery方法

.animate（）

使用

不透明度

设置这些框的动画。这样，你就可以制作一个动画，而不是一个接着一个

$(document).ready(function(){
    //Hide these boxes not with display:none, but with opacity:0 and then change their opacity to 1.
    $('#box1').animate({marginLeft: '100px', opacity: '1'}, 2000);  
    $('#box2').animate({marginLeft: '100px', opacity: '1'}, 2000);  
}); // end ready

---

这是小提琴：

fadeIn

为不透明度设置动画。所以，用你的

.animate

函数调用来代替吗？@Felix Kling是的，那太棒了！如果需要支持IE8及以下版本，可以添加

filter:alpha（不透明度=0）与您的
不透明度：0
。因此，当页面加载到IE8及以下版本时，您的矩形不会立即出现。jQuery将使用alpha正确处理动画，而无需您的任何干预。@Noble Mushtak我没想到它会这么容易解决，我可能重新编写了tnx。