Scriptaculous Fade出现在Mouseover问题上

Question

我正在尝试在链接上进行图像翻转。 我信任原型和脚本。

检查这个小提琴：Rollover test 除了在链接上非常快速地或多次滚动鼠标时出现奇怪的行为之外，所有它都运行良好。

在这种情况下，图像和链接消失了.. 这是由scriptaculous效果带来的'display：none'状态引起的，我的意思是阻止..

非常感谢

Answer 1

你可以像这样

发送afterFinish函数

Event.observe($('back1'), 'mouseover', function() {        
    new Effect.Fade('back1', { duration: 0.3,afterFinish:function () {   
      new Effect.Appear('back2', { duration: 0.3 });
      }
    });    

    });     
Event.observe($('back2'), 'mouseout', function() {        
    new Effect.Fade('back2', { duration: 0.3 ,afterFinish:function () { 
      new Effect.Appear('back1', { duration: 0.3 });
      }
    });    

    });