懸停時的擺動元素動畫

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); 
    }); 
});