2012-08-02 72 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