Scriptaculous Fade 出现在鼠标悬停问题上

Question

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

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

在这种情况下，图像和链接会消失.. 这是由脚本效果带来的'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 });
      }
    });    

    });