鼠标悬停问题上出现脚本淡出

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 });
      }
    });    

    });