Question

我的目标是只在悬停时使用CSS和一些jQuery来摆动一个项目（当然应该停止鼠标移出）。

在互联网上搜索我找到了在文档准备就绪时摆动元素的代码（complete jsFiddle）。

$(document).ready(function() {

    function swing(){
        $('.swing').toggleClass('right');
        setTimeout(swing, 1000);
    }
    swing();
});

我尝试使用.hover（）方法，但似乎无效。我该如何解决这个小问题？

Answer 1

类似的东西：

$(document).ready(function() {
    var id;
    function swing(){
        $('.swing').toggleClass('right');
        id = setTimeout(swing, 1000);
    }
    $(".swing").hover(function() {
        swing();
    },
    function() {
        clearTimeout(id);
    });
});

悬停时的摇摆元素动画

1 个答案: