真的很流畅的动画效果与jQuery

我有一些jQuery设置在我的页面上，当用户点击链接时换出一些DIV。 DIV内有闪光对象，段落和图像，当我点击链接将其交换出来时，效果并不完全平滑。真的很流畅的动画效果与jQuery

这是我的代码：

$('#div').toggle('fast'); 
$('#anotherdiv').toggle('fast');

它有点卡住一会儿闪光灯对象，然后完全消失。有谁知道一个插件在jQuery中制作真正流畅的动画效果？我看了一下jQuery UI，但它对于我想要的东西似乎有点矫枉过正。

干杯。 :)

来源

2010-01-12 Matt

Javascript动画真的取决于浏览器。 IE浏览器在JavaScript上非常慢，很多时候它甚至不值得使用IE来设置动画效果。 Firefox和Chrome都好多了。尝试在铬，看看它是否仍然存在问题。

来源

2010-01-12 00:08:49 stimms

@stimms是正确的关于速度，但始终有一个变通方法:)

开始动画之前我会隐藏Flash容器中。这样它就不会妨碍事物。

来源

2010-01-12 00:12:51 Ariel

确保闪光灯的对象和/或嵌入标签的wmode设置为transparent或opaque ...

这是值得一试:)

来源

2010-01-12 00:16:53

这里的速度问题，主要是与闪光灯......您要求浏览器快速重新制作视频，而不是浏览器的所有功能。我会考虑的藏身之前隐藏的Flash元素，其余后告诉他们，这样的事：

$(function(){ 
    $('#hideShowButton').toggle(function() { 
    $('#div object, #anotherdiv object').hide(); 
    $('#div').toggle('fast'); 
    $('#anotherdiv').toggle('fast'); 
    }, function() { 
    $('#div object, #anotherdiv object').show(); 
    $('#div').toggle('fast'); 
    $('#anotherdiv').toggle('fast'); 
    }); 
});

来源

2010-01-12 00:17:05

此外，我会先插入的地方闪光的图像，然后躲一闪，然后动画。用户看起来会更顺畅。 – 2010-01-12 00:31:09

真的很流畅的动画效果与jQuery

回答

相关问题