我jQuery中寫道懸停動畫和它的作品很好,但預期在FireFox中不起作用,ü可以看看這個,告訴我這是如何發生的FireFox和僅限Firefox瀏覽器的行爲奇怪
懸停在綠色的田野和藍色應該順利進入,但在FF動畫不順暢有一個跳躍
我jQuery中寫道懸停動畫和它的作品很好,但預期在FireFox中不起作用,ü可以看看這個,告訴我這是如何發生的FireFox和僅限Firefox瀏覽器的行爲奇怪
懸停在綠色的田野和藍色應該順利進入,但在FF動畫不順暢有一個跳躍
你可以這樣使用淡入()回調(代碼簡化):
$(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);
});
與.stop(真,真的)它的效果更好:] – gidzior 2012-08-02 08:35:36
問題是由Mozilla的愚蠢-moz-箱陰影造成的。刪除它與以下的CSS代碼,它應該解決這個問題。
*{box-shadow:none!important;-moz-box-shadow:none!important;border-radius:0!important;-moz-border-radius:0!important}
恐怕這不是一個解決方案 – gidzior 2012-08-02 08:15:25
http://jsfiddle.net/mrNRx/3/似乎並沒有工作:( – 2012-08-02 08:15:47
您應該使用jQuery懸停意圖插件來使用Over和Out功能。在firefox中,這些事件並非直接觸發。在鉻這些功能正常啓動,您的自述文件鏈接工作正常。
我會嘗試這個 – gidzior 2012-08-02 08:18:44
看起來好像沒什麼問題在FF 14,除了最初的一個這是一個有點神經質。 – 2012-08-02 08:09:00
這是一個小小的跳躍我正在談論,在我的FF14這個小跳躍始終 – gidzior 2012-08-02 08:11:50
同樣在這裏 - 看起來不錯。動畫首次加載時,往往會跳躍。我通過預先加載課程來解決這個問題。所有這些現在都可以通過CSS3「轉換」完成 - 例如見http://www.the-art-of-web.com/css/css-animation/ – 2012-08-02 08:15:05