小编The*_*seG的帖子

Jquery animate()和谷歌浏览器问题

我在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)

jquery google-chrome jquery-animate

5
推荐指数
1
解决办法
6351
查看次数

标签 统计

google-chrome ×1

jquery ×1

jquery-animate ×1