切换类动画Jquery UI

Question

我试图用不同的方法将此（http://webdesignerwall.com/demo/html5-grayscale/）与css和jquery ui集成。到目前为止，我正在尝试使用jquery ui的switch类方法，但是效果的持续时间，即第3个参数，是不起作用的，或者我理解这件事。

$('.grayscaled').hover(function () {
    $(this).switchClass( "grayscaled", "nongrayscaled", 1000);
}, function () {
    $(this).switchClass( "nongrayscaled", "grayscaled", 1000);
});

我为我所做的事情创造了小提琴

http://jsfiddle.net/vLLgb/1/

Answer 1

将此添加到.grayscaled：

-webkit-transition: all 1000ms;