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

Question

我正在尝试在链接上滚动图像。 我相信原型和剧本。

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

在这种情况下，图像和链接就会消失。 这是由脚本效果带来的“显示：无”状态引起的，我的意思是被阻止。

非常感谢

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

    });