Scriptaculous Fade在鼠標懸停問題上出現

Question

我正在嘗試使鏈接上的圖像翻轉。 我相信原型和scriptaculous。

檢查此小提示：Rollover test 除了在連接上非常快速或多次滾動鼠標時出現一種奇怪的行爲，它運行良好。

在這種情況下，圖像和鏈接會消失.. 這是由「顯示：無」所造成的影響Scriptaculous的地位帶來的，阻塞我的意思..

非常感謝

Answer 1

你可以TYR這樣

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

    });