我在google Chrome中遇到了jquery和animate()的问题.我有一个最初隐藏的盒子,位于屏幕右侧.单击一个框时,隐藏框变为可见,并从右侧到中心动画,它停止并闪烁,然后它再次开始移动到屏幕的左侧并消失.这个东西适用于Explorer和Firefox,但不适用于Chrome.
这是链接:http: //test.gianlucaugolini.it/4545.html
这是代码:
function test(){
var scaleX = $("#container").width()/2 + $("#hoverText").width()/2;
$("#hoverText").animate({visibility:"visible",opacity:"show",left:"-="+scaleX+"px"},500,function(){
$("#hoverText").effect("highlight",{duration:1000},1500,function(){
$("#hoverText").animate({visibility:"hidden",opacity:"hide",left:"0%"},500,function(){
$("#hoverText").css("left","100%");
});
});
});
}
Run Code Online (Sandbox Code Playgroud)