Javascript 在Mootools中顺序执行两个tweening操作

我有一个问题，我想首先淡出一幅图像的不透明度，然后再将这幅图像移到页面的最右边。但是，Mootools总是同时执行这两个操作，而不是按顺序执行

 <script type="text/javascript" src="mootools-core-1.3.2-full-compat.js"></script>
 <script type="text/javascript">

 window.addEvents({
     "load" : function() {
         $$('.picture').getLast().setStyle('opacity', 0);                            
         var show = new Fx.Tween($$('.picture').getLast(), { 
             property: 'opacity',
             duration: '2500'
         });

         show.start(1);

         alert($$('.picture').getLast().getStyle('opacity'));

         var movePicture = new Fx.Tween($$('.picture').getLast(), {
             property : 'margin-left',
             duration : '2500'
         });

         while($$('.picture').getLast().getStyle('opacity')!= 1){}

         movePicture.start(700);
     },
     "domready" : function() {
     /* do something */
         function wait(msecs){
             var strt = new Date().getTime();
             var cur = strt
             while(cur - strt < msecs){
                 cur = new Date().getTime();
                 if((cur-strt)%100==0)
                     alert(cur-strt);
             }
         } 
     }
 });

 </script>

窗口窗口({
“加载”：函数（）{
$$（'.picture'）.getLast（）.setStyle（'opacity'，0）；
var show=new Fx.Tween（$$（'.picture'）.getLast（），{
属性：“不透明度”，
持续时间：“2500”
});
显示。开始（1）；
警报（$$（'.picture'）.getLast（）.getStyle（'opacity'））；
var movePicture=new Fx.Tween（$$（'.picture'）.getLast（）{
属性：'左边距'，
持续时间：“2500”
});
而（$$（'.picture'）.getLast（）.getStyle（'opacity'）！=1）{
movePicture.start（700）；
},
“domready”：函数（）{
/*做点什么*/
函数等待（毫秒）{
var strt=new Date（）.getTime（）；
var cur=strt
while（cur-strt

我想执行show.start（1），然后在完成之后，执行movePicture.start（700）

---

提前谢谢

您需要在

Fx.Tween

官方文档有一个演示如何使用它：

---

示例：

很高兴在@gonchuki附近见到你+1.