jquery - jQuery图像根据光标方向旋转

Question

所以我有一个烤箱，它的旋钮可以在鼠标悬停时旋转。不幸的是，他们只顺时针走。有什么方法可以记录光标从右侧或左侧进入图像的方式并相应地旋转它？IE 如果从左边，顺时针旋转，如果从右边，逆时针旋转。这将是一个很好的功能。jQuery 能很好地处理此类事件吗？

$(window).load(function () {
    $('img.menuimg').rotate({
        bind: {
            mouseover: function () {
                $(this).rotate({
                    center: ["50%", "68%"],
                    animateTo: 100,
                })
            },
            mouseout: function () {
                $(this).rotate({
                    center: ["50%", "68%"],
                    animateTo: 0,
                })
            }
        }
    });
});

Answer 1

以供参考：

经过几个月的搜索..我遇到了这个：

http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/

这些片段应该有助于确定方向意识