動畫提示

我試着讓我的提示反彈onmouse懸停，動畫提示

我有零星結果的作品，作爲工具提示如下反彈快3個seconrds RO的話，那麼慢3秒等等......我也需要在mouseout上停止這個功能，有人可以看到我的錯在哪裏得到跳動速度的變化嗎？

// 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() { 



});

來源

2013-02-25 Liam

我會推薦使用jQuery UI的反彈效果請參閱http://docs.jquery.com/UI/Effects/Bounce – 2013-02-25 17:19:21

除非@Liam對jQuery UI有其他用途，這是一個很多批量添加到一個簡單的動畫頁面。 – 2013-02-25 17:20:49

謝謝@LeighCiechanowski，但我真的不想包括整個圖書館這樣一個小功能 – Liam 2013-02-25 17:21:33

，如果你選擇去的插件反彈效應影響的航線使用此代碼，然後鼠標移開時使用的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-25 17:22:25

謝謝@ScottSelby，我沿着這條路線走了，但如果我一直在進出出入，工具提示越來越高，如果這使得感？ – Liam 2013-02-25 17:39:52

回答

相關問題