1

我在我的一个动画循环中遇到了一个非常神秘的问题。基本上我有一个动画在PNG蒙版后面运行以创建发光效果。动画无休止地运行，正如它应该的那样。但是，在很短的时间之后，动画变慢并最终停止。

这是神秘的部分：没有 png 掩码（以及其中的 div），动画运行流畅。

这里发生了什么？

--这里是没有掩码的页面：http ://chrismorga.com/rainnav/closed.html

--带面具（重新加载并立即观察减速的光芒）：http ://chrismorga.com/rainnav/open.html

供参考，这里是javascript。功能在页面加载后运行：

function StartMove() {
var cssBGImage=new Image();
cssBGImage.src="img/blueshifter.jpg";

window.cssMaxWidth=cssBGImage.width;
window.cssXPos=0;
setInterval("MoveBackGround()",10);
}

function MoveBackGround () {
window.cssXPos=window.cssXPos+1;
    if (window.cssXPos>=window.cssMaxWidth) {
    window.cssXPos=0;
    }
toMove=document.getElementById("scroller");
toMove.style.backgroundPosition=window.cssXPos+"px 0px";
}

...

<body onload="StartMove()">

我的 JavaScript 是否使用了一些不好的做法？在这一点上，任何见解都会有所帮助。

4

1 回答 1

0

-更新-

我偶然发现了我的问题。我的手机运行动画很好，所以我想，为什么这个镀铬而不是电脑镀铬？

事实证明，运行 chrome 19 导致了错误！快速更新，我运行良好。我想我应该欢迎自己来到最前沿，哈哈。

于 2012-07-02T18:13:19.100 回答