2011-09-10 74 views
2

即時試圖隱藏蜜蜂而如果它的重點是如果對焦功能

這裏是蜜蜂的動作還沒有完成,那就是原本隱藏超出了雲和沒有見過,和前4秒鐘,這兩點去然後在4秒內向右移動,然後在0.3秒內下降,就像隱藏起來一樣,然後在20秒內重複在雲之後的原點。但我想要,雖然這些動作,如果它集中,我想要蜜蜂隱藏,我的意思是在0.3秒內下降,然後它會在20秒後再次出現。

var bee5 = function() { 
    $("#bee5").animate({"top": "-50px"}, 3000, function() { 
     $(this).animate({"left": "130px"}, 700,function() { 
      $(this).animate({"left": "110px"}, 800, function() { 
       $(this).animate({"left": "125px"}, 700, function() { 
        $(this).animate({"left": "115px"}, 800, function() { 
         $(this).animate({"left": "130px"}, 1000, function() { 
          $(this).animate({"left": "110px"}, 900, function() { 
           $(this).animate({"left": "120px"}, 800, function() { 
            $(this).animate({"top": "-10px"}, 250) 
           }) 
          }) 
         }) 
        }) 
       }) 
      }) 
     }) 
    }) 
    $('#bee5').mouseover(function() { 
     $(this).animate({"top": "-10px"}, 250) 
    }); 
    setTimeout(bee5, 15000); 
} 

這裏是CSS:在bee5原點

#bee5 { position:absolute; top:-10px; left:120px; z-index:0; } 

回答

0

如果你想要做的動畫當指針在項目上,你應該使用mouseover代替focus,看到this fiddle

如果是表單輸入,那麼您可以使用blur

+0

是否有可能隱藏蜜蜂在任何秒鐘,而所有的動作?因爲蜜蜂不會在每個動畫之間隱藏,就在它們之間,例如。它隱藏只有4秒後的動畫,或只有第二個4秒的動畫... – user775917

+0

無論如何,謝謝你的鼠標懸停)我重寫了代碼,我分開了一小段動畫長4秒動畫。 – user775917