如何用Scripty 2变形一个类?

时间:2010-02-24 14:45:22

标签: javascript animation prototypejs scriptaculous

在Scriptaculous 1中,你可以为样式制作动画:

new Effect.Morph('id', {
style: { background: tomato },
duration: '4' });

但更好的方法是将CSS和JS分开并仅引用一个类:

new Effect.Morph('id', {
style: 'important',
duration: '4' });

非凡。但这似乎不适用于新的Scripty 2.作品:

$('id').morph('background: tomato', { duration: 4 });

符:

$('id').morph('important', { duration: 4 });

在Scripty 2中使用类动画的正确方法是什么? (我怀疑是Style,但文档很模糊。)

1 个答案:

答案 0 :(得分:0)

我查看了源代码,s2只为style选项提供了'styleProp:value'。字符串需要有一个冒号。

另外一个方法是另外获取类名以及style选项的'styleProp:value'是一个名为S2.FX.Operators.WebkitCssTransition的方法。但是,默认情况下,S2.Extensions.webkitCSSTransitions处于关闭状态。虽然,该方法中的代码用于制作自己的.Morph方法补丁。