javascript - 切换类动画 Jquery UI

Question

我正在尝试以不同的方法将此 ( http://webdesignerwall.com/demo/html5-grayscale/) 与 css 和 jquery ui 集成。到目前为止，我正在尝试 jquery ui 的 switch 类方法，但是效果的持续时间，即第三个参数，不起作用或者我错误地理解了那个东西。

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

我已经为我所做的创造了 fiddle

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

Answer 1

将此添加到 .grayscaled:

-webkit-transition: all 1000ms;