Question

我创建了一个小网页，我希望在导航过程中使用jQuery为内容添加动画效果。它在Internet Explorer中完美运行。如果我使用Firefox它不能正常工作。

我的代码如下

$("#maincontent").animate({"top":"450px"},800, function(){
    $("#maincontent").html($("#"+Lidentity).html())
        .animate({"top":"-10px"},600)
        .animate({"top":"10px"},100)
        .animate({"top":"-5px"},100)
        .animate({"top":"5px"},100)
        .animate({"top":"0px"},100);
});

我已将#maincontent元素位置设为绝对位置。

Answer 1

如果你试图让它看起来像你的动画一样反弹，你最好不要使用jQuery UI中的缓动。

示例（基于您的代码）：

$("#maincontent").animate({"top":"450px"},800, function(){
    $("#maincontent").html($("#"+Lidentity).html())
        .animate({"top":"0px"},800,"easeOutBounce");
});

显然，为了实现这个目的，你还需要添加对jQuery.UI的引用（完整的bundle或者至少是effects.core.js＆amp; effects.bounce.js）

jQuery中的浏览器兼容性

1 个答案: