我应该如何编写此功能进行旋转？

Question

我有一个功能：

    function headerNudge(elem, rot, dur) {
        elem.rotate({ 
        bind: { 
            mouseover : function() { 
                $(this).rotate({
                    animateTo:rot,
                    duration:dur,
            callback: function(){
                $(this).rotate({
                            animateTo:-rot,
                            duration:dur,
                    callback: function(){
                        $(this).rotate({ animateTo:0,duration:dur })
                    }
                })
            }
        })
      }
        }      
        });         
    }

基本上它只是使用jQueryRotate插件将鼠标移动到一张幻灯片上然后再移动到另一张幻灯片上，以产生震动效果。

我可以看到我的代码看起来非常可怕，（我来自php / c＃背景）可以通过anoyone建议更好的方法来实现我的目标吗？

Answer 1

你可以使用CSS Transitions吗？