JavaScript圖片翻轉

Question

我有一些運行JavaScript圖像翻轉的代碼，我是新來的JS，我需要圖像翻轉時，如果我徘徊和懸停，如果我把它放在它每翻轉一次鼠標是翻轉移動，而不是當鼠標關閉時。

下面是代碼：

$(document).ready(function() { 
    setInterval(function() { 
     $('.sponsorFlip').load('script.js'); 
     $('.sponsorFlip').load('jquery.flip.min.js'); 
    }, 30000); 
    $('.sponsorFlip').one("mouseenter mouseleave", function() { 
     var elem = $(this); 
     if (elem.data('flipped')) { 
      elem.revertFlip(); 
      elem.data('flipped', false) 
     } 
     else { 
      elem.flip({ 
       direction: 'rl', 
       speed: 250, 
       onBefore: function() { 
        elem.html(elem.siblings('.sponsorData').html()); 
       } 
      }); 
      elem.data('flipped', true); 
     } 
    }); 
    $('.sponsorFlip').bind("click", function() { 
     var elem = $(this); 
     if (elem.data('flipped')) { 
      elem.revertFlip(); 
      elem.data('flipped', false) 
     } 
     else { 
      elem.flip({ 
       direction: 'rl', 
       speed: 250, 
       onBefore: function() { 
        elem.html(elem.siblings('.sponsorData').html()); 
       } 
      }); 
      elem.data('flipped', true); 
     } 
    }); 
}); 

Answer 1

利用類。 ）預覽 - http://jsfiddle.net/TJZmM/3/

$('div').bind('mouseover mouseout', function(){ 
    var self = $(this); 

    if(self.toggleClass('flipped').hasClass('flipped')) { 
     self.html('rl'); 
    } 
    else { 
     self.html('lr'); 
    } 
});​