javascript - 切换类动画Jquery UI

我正在尝试以另一种方法将this（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/

最佳答案

将此添加到.grayscaled：

-webkit-transition: all 1000ms;