咏叹调模板动画

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

关于例子，我们写的，我们有实例文档，所以我希望我们很快就会公布。