2012-08-02 103 views
0

我jQuery中寫道懸停動畫和它的作品很好,但預期在FireFox中不起作用,ü可以看看這個,告訴我這是如何發生的FireFox和僅限Firefox瀏覽器的行爲奇怪

懸停在綠色的田野和藍色應該順利進入,但在FF動畫不順暢有一個跳躍

http://jsfiddle.net/mrNRx/

+0

看起來好像沒什麼問題在FF 14,除了最初的一個這是一個有點神經質。 – 2012-08-02 08:09:00

+0

這是一個小小的跳躍我正在談論,在我的FF14這個小跳躍始終 – gidzior 2012-08-02 08:11:50

+0

同樣在這裏 - 看起來不錯。動畫首次加載時,往往會跳躍。我通過預先加載課程來解決這個問題。所有這些現在都可以通過CSS3「轉換」完成 - 例如見http://www.the-art-of-web.com/css/css-animation/ – 2012-08-02 08:15:05

回答

1

你可以這樣使用淡入()回調(代碼簡化):

$(this).find('.apla').fadeIn("slow", function(){ 
    $(this).find('.more').animate({"bottom": "50px"},1000); 
}); 

$(this).find('.apla').fadeOut("slow", function(){ 
    $(this).find('.more').animate({"bottom": "-40px"},1000); 
}); 
+1

與.stop(真,真的)它的效果更好:] – gidzior 2012-08-02 08:35:36

0

問題是由Mozilla的愚蠢-moz-箱陰影造成的。刪除它與以下的CSS代碼,它應該解決這個問題。

*{box-shadow:none!important;-moz-box-shadow:none!important;border-radius:0!important;-moz-border-radius:0!important} 
+0

恐怕這不是一個解決方案 – gidzior 2012-08-02 08:15:25

+0

http://jsfiddle.net/mrNRx/3/似乎並沒有工作:( – 2012-08-02 08:15:47

0

您應該使用jQuery懸停意圖插件來使用Over和Out功能。在firefox中,這些事件並非直接觸​​發。在鉻這些功能正常啓動,您的自述文件鏈接工作正常。

+0

我會嘗試這個 – gidzior 2012-08-02 08:18:44