詠歎調模板動畫

Question

我正在嘗試使用AT來實現sliding animation effect。

我檢查了aria.utils.css.animations，但我不清楚語法，覺得cfg beans parameteres是有限的。

對於防爆：我想要達到的animation effect to slide an un-animated ul element與timing of 200ms並有動畫完成後儘快執行功能。

jquery code如下所示。

$('#slides ul:not(:animated)').animate({'left' : -250}, 200,function(){ }); 

我可以有respective functionality使用AT。我嘗試用下面的代碼to slide一個元素。

aria.utils.css.Animations.start("slide",({'from':aria.utils.Dom.getDomElementsChildByTagName(slides, "li")[0]}), 

但沒用。

我需要一個使用AT的動畫示例。感謝您的幫助..

Answer 1

是的，到目前爲止，cfg bean是有限的，只能定義幾件事情，並且它們之間的時間不包括在內。

您可以使用「幻燈片」動畫向左滑動​​一個元素，並且可以調用一個將事件「animationend」添加到偵聽器並執行您的函數的函數。

下面的代碼做你正在嘗試做的：

var animate = new aria.utils.css.Animations(); 
var cfg = { 
    from : aria.utils.Dom.getDomElementsChildByTagName(slides, "li")[0] 
}; 

animate.$on({ 
    "animationend" : animationComplete, 
    scope : this 
}); 

animate.start("slide", cfg); 

關於例子，我們寫的，我們有實例文檔，所以我希望我們很快就會公佈。