可以輕松地動畫.classB樣式的.classA樣式嗎？

Question

有沒有辦法在Jquery中制作動畫而不指定每個屬性？

讓我們說：

.classA{
   color:red;
}
.classB{
   color:blue;
}

function animate(selector,classA,classB,time){
    styles1 = $(classA).invented_get_styles();
    styles2 = $(classB).invented_get_styles();
    $(selector).animate(styles1,styles2,time);
}

幾乎所有的語法都是發明的，但我認為我所要求的可以被理解，

是否可以從檢索樣式的類（自動化）動畫並應用它們而不是知道（手動）值？ 如果沒有，最好的方法是什么..

Answer 1

你可以用jQueryUI / switchClass來做 ，你只需要一個自定義構建的jQueryUI，啟用了Effects Core - 沒有別的，大約是11k縮小了

例

$( ".element_to_be_animated" ).switchClass( "oldClass", "newClass", 1000 );