【问题标题】:Flip stop on mouseout鼠标悬停时翻转停止
【发布时间】:2012-06-17 07:56:55
【问题描述】:

我正在使用 jQuery 翻转,我想在悬停时停止翻转,并在鼠标悬停时反转它并停止它,如果我将鼠标放在它上面也保持停止...

 $(document).ready(function(){

  $('.sponsorFlip').hover(function(){

    var elem = $(this);

        elem.flip({
            direction:'bt',
            speed: 350,
            onBefore: function(){

                elem.html(elem.siblings('.sponsorData').html());
            }

        });

  }, function() {$(this).revertFlip();});

});

【问题讨论】:

    标签: jquery hover flip mouseout


    【解决方案1】:
    $('.sponsorFlip').mouseover(function(){
        var elem = $(this);
        elem.flip({
          direction:'bt',
          speed: 350,
          onBefore: function(){
            elem.html(elem.siblings('.sponsorData').html());
          }
         });
    
      }).mouseout(function() {$(this).revertFlip();});
    

    【讨论】: