PrototypeJS中的jQuery淡入功能

Question

我是Prototype的新手。我如何在Prototype中編寫以下jQuery代碼？ 在此先感謝..

$('#lessonid').fadeIn(function(){ 
    $('.exercise').css('margin-bottom', '0px');   
}); 

Answer 1

據我所知的PrototypeJS庫沒有內置任何動畫/效果的方法。你可以使用Scriptaculous，這是一個附加到原型。這將允許你做這樣的事情，使用fade方法：

$('lessonid').fade({ 
    from: 0, 
    to: 1, 
    afterFinish: function() { 
     $$('.exercise').setStyle({ 
      marginBottom: 0 
     }); 
    } 
});