jQuery图像根据光标方向旋转

时间:2013-07-29 22:33:05

标签: jquery html image rotation image-rotation

所以我有一个oven,其旋钮在鼠标悬停时旋转。不幸的是,他们只顺时针方向。有什么方法可以记录光标从右侧或左侧进入图像的方式并相应地旋转它? I.E如果从左侧顺时针旋转,如果从右侧旋转,则逆时针旋转。这将是一个很好的功能。 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,
                })
            }
        }
    });
});

1 个答案:

答案 0 :(得分:0)

供参考:

经过几个月的搜索......我发现了这个:

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

这些片段应该有助于找出方向意识