不斷jQuery的循環功能 - 翻轉功能

Question

這裏的功能是：http://jsfiddle.net/bfQMD/25/

我怎樣才能不斷翻轉時懸停和停止時懸停了呢？

Answer 1

你可以這樣說：

$(document).ready(function() { 

    $("a").hover(
     function() { 
      var self = $(this); 
      self.data("hover", true); 

      function flip() { 
       $(".flipbox").flip({ 
        direction:'tb', 
        color: '#fff', 
        onEnd: function(){ 
         if (self.data("hover")) { 
          setTimeout(flip,500); 
         } 
        } 
       }) 
      } 

      flip();   
     }, 
     function() { 
      $(this).data("hover", false); 
     } 
    ); 

}); 

演示在這裏工作：http://jsfiddle.net/jfriend00/2BALx/

在兩個懸停功能，你保持的鼠標是否目前徘徊的歌曲，然後在onEnd功能每翻轉一次，如果鼠標仍在徘徊，短時間後開始新的flip()。由於flip插件的工作方式，你必須使用一個短暫的延遲（如果你願意，它可以超短），因爲如果你試圖直接從onEnd開始下一個剪輯，它將不會啓動 - 因此它需要至少要有一個很短的計時器。