Javascript 如何使用Scripty 2变形类?

Javascript 如何使用Scripty 2变形类?,javascript,animation,prototypejs,scriptaculous,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: tom

在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中使用类制作动画的正确方法是什么?我怀疑,但是文档很模糊。

我检查了源代码,s2只对样式选项使用'styleProp:value'。字符串需要有冒号


对于样式选项,唯一将另外采用类名“styleProp:value”的方法是一个名为S2.FX.Operators.webkitcstration的方法。但是,默认情况下会关闭S2.Extensions.webkitcstransion。不过,该方法中的代码将用于为.Morph方法制作自己的补丁。

我想这仍在进行中。谢谢你的详尽回答。