jquery.动画不同的速度

我在 Jquery中使用.animate函数.我有一个div使用marginLeft滑过,但我也需要它淡入,但我需要它比marginLeft效果慢.使用.animate,我似乎只能应用一个速度参数.

<script type="text/javascript">
 $(document).ready(function(){
 $(".topFrameAnim").css("opacity","0.0");
  $(".topFrameAnim").animate({
  marginLeft: "0",},500 );

    $(".topFrameAnim").animate({
  opacity: "1",1000 ); // Need this effect to be applied at the same time,at a different speed.




    });


</script>

<script type="text/javascript">
 $(document).ready(function(){
 $(".topFrameAnim").css("opacity","0.0")

 .animate({
  marginLeft: "0",{ queue: false,duration: 500 })
  .animate({
  opacity: "1",at a different speed.

    });


</script>