Question

我正在尝试在页面加载时实现一个简单的查询动画，一个在窗口上水平移动的图像（透明的PNG），您可以在this page上看到该图像，并使用此脚本：

<script>
$(document).ready(function() {
    $(".logo").animate({"left": "+=900px"}, 3000);
});
</script>

正如您可能会看到的（我在Firefox和Safari中测试过），图像在窗口移动时会发抖。我想知道是否有办法让这更顺畅。

谢谢，

尼克

Answer 1

欢迎来到浏览器编程世界......呃

正如此处所述，将动画时间减少到不超过1000毫秒，以免抖动不明显。

您可以查看CSS webkit转换，但这些转换仅适用于safari和chrome等浏览器。