javascript - Jquery CPU 使用率

Question

我正在使用 Jquery 使图像在我的页面上水平滚动。唯一的问题是它占用了大量的 CPU。在 Firefox 中的单核笔记本电脑上高达 100%。什么会导致这个？？？

查询

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

    $(".speech").animate({backgroundPosition: "-6000px 0px"}, 400000, null);
    });

    </script>

CSS

.speech {
    /*position:fixed;*/
    top:0;
    left:0px;
    height:400px;
    width:100%;
    z-index:-1;
    background:url(/images/speech.png) -300px -500px repeat-x;
    margin-right: auto;
    margin-left: auto;
    position: fixed;
}

HTML

<div class="speech"></div>

Answer 1

它正在耗尽 CPU 资源，因为您要求浏览器在很长一段时间内每秒多次重绘图像。那不是免费的。