0

マウスホバーでツールチップをバウンスさせようとしていますが、

ツールチップが 3 秒間高速でバウンスし、その後 3 秒間低速になるなど、散発的な結果で機能する次のものがあります。また、マウスアウト時にこの機能を停止する必要があります。バウンス速度の変化を取得しますか?

// Tooltip title
$('.male').mouseover(function(e) { 

    var tiptitle = $(this).find('.highlight');

    setInterval(function(){
              tiptitle.animate({top:'-85px'}, 100, function() {
              tiptitle.animate({top:'-75px'}, 100);
        });
    },200);
}).mouseout(function() {



});
4

1 に答える 1

0

エフェクト プラグインのバウンス エフェクトのルートに進むことを選択した場合は、このコードを使用し、マウスアウトで stop() を使用します。

$('.male').mouseover(function(e) {     
    var tiptitle = $(this).find('.highlight');    
    tiptitle.effect("bounce", { times:3 }, 300);
}).mouseout(function() {
    $(this).find('.highlight').stop();
 });

それ以外の場合は、-85px と -75px の両方が 100 であるため、散発的なバウンス速度が発生していると思います

于 2013-02-25T17:22:25.980 に答える