我无法弄清楚为什么使用 jquery-1.3.2.min.js 动画图像不会出现在 Chrome 中。如果使用 jquery-1.9.1.js，它不会出现在 IE 或 Chrome 中。我正在使用 HTML、css、js。我清除了 Chrome/IE 中的缓存，但这并没有什么不同。还尝试了此论坛中的建议，如下所述，但不适用于此问题。
<html>
<head>
<title>left.html</title>
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/animatea.js"></script>
</head>
<body>
<div id="mask">
<div><img id="logo" border="0" src="logo.jpg"></div>
<div id="subtitle">subtitle</div></div>
</body>
</html>
#mask{
position:relative;
/*margin-left: 10px;*/
width: 400px;
height: 100px;
border: 0px solid grey;
}
#logo{
float: right; /*Tried w/o but made no difference*/
margin-left: 100%; /*Tried different values but makes no difference*/
position: absolute; /*Tried fixed/relative but made no difference*/
z-index: 1;
display: none; /*Tried w/o but made no difference*/
}
#subtitle{
float: right; /*Tried w/o but made no difference*/
font-size: 0px;
font-family: verdana;
margin-left: 100%;
position: absolute;
z-index:2; /*Tried different number but made no difference*/
}
$(function(){
//$('#lat1').click(function(){
var l = $('#logo').width();
var t = $('#logo').height();
var speed = 800;
$('#logo').css({width:0,height:0,display:''});
moveIt(t,l,s,speed,0);
});
function moveIt(a,b,c,d,e){
$('#logo').animate({height:a,width:b,marginLeft:e},d);
aa = a-5;
$('#subtitle').animate({marginTop:aa,marginLeft:e,'fontSize':c},d,function(){
//setTimeout(function(){getBack(a,b,d);a=null,b=null,c=null},500);
});
$('#lat1').hide();
}