2010-02-24 53 views
0

在Scriptaculous的1,你可以動畫風格:如何使用Scripty 2變身班級?

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

但更好的方法是保持CSS和JS分離,只是引用類:

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

奇妙。但是,這似乎不符合新指令碼2,工作的人:

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

遊:

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

什麼是指令碼2使用類動畫的正確方法? (我懷疑Style,但文檔模糊。)

回答

0

我檢查了源代碼和s2只需要樣式選項'styleProp:value'。該字符串需要冒號。

唯一的方法,將另外採用類名稱以及樣式選項'styleProp:value'是一種名爲S2.FX.Operators.WebkitCssTransition的方法。但是,S2.Extensions.webkitCSSTransitions默認情況下處於關閉狀態。儘管如此,該方法中的代碼將用於爲.Morph方法創建自己的修補程序。

+0

我想這仍然是一個正在進行的工作。 Thankyou爲徹底的答案。 – 2010-02-27 11:31:17