0

所以我在这个网站上运行动画:http ://www.pivot-innovation.com/index_dev.php

在每个浏览器中,一切都看起来和工作正常。当然IE除外。起初它告诉我从谷歌调用 jquery 有一个错误......所以我在本地提取了 jquery 的完整版本现在我可以调用它。我的脚本很简单,但它不会在 IE 中设置动画或淡入淡出或任何内容。

<script type="text/javascript" src="js/jquery.js"></script> 

<script>
$(document).ready(function() {

    $("#left_innovation_image").hide(); //Hide all content
    $("#right_innovation_image").hide(); //Hide all content
    $("#mainImage_home").hide(); //Hide all content

    $("#left_innovation_image").fadeIn(2000); //Show first tab content
    $("#right_innovation_image").fadeIn(2000); //Show first tab content

    $("#left_innovation_image").animate({position:'absolute', top:'0px', left:'50px'}, 1000)
    $("#right_innovation_image").animate({position:'absolute', top:'0px', right:'50px'}, 1000,
    function(){

    }
    )

    $("#mainImage_home").delay(2500).fadeIn(1000); //Show first tab content

});
</script>

我什至尝试使用绝对位置,只是像这样简单地向左设置动画:

$("#left_innovation_image").animate({'left': '+=50px'}, 1000)

它仍然无法工作或移动。任何想法如何解决这一问题?如果没有,我可以写一些只告诉 IE 显示图像而忘记 jQuery 的东西。

4

1 回答 1

0

为初学者摆脱position:absolute动画你能发布一些示例 html 以便我们摆弄它吗

于 2012-05-10T17:31:22.660 回答