Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 是否可以通过位置获得平滑过渡动画图像?_Jquery_Animation_Load_Position - Fatal编程技术网

Jquery 是否可以通过位置获得平滑过渡动画图像?

Jquery 是否可以通过位置获得平滑过渡动画图像?,jquery,animation,load,position,Jquery,Animation,Load,Position,我正在尝试在页面加载上实现一个简单的查询动画,一个图像(带透明度的PNG)在窗口上水平移动,您可以在窗口上看到,它使用以下脚本: <script> $(document).ready(function() { $(".logo").animate({"left": "+=900px"}, 3000); }); </script> $(文档).ready(函数(){ $(“.logo”).animate({“左”:“+=900px”},3000); }); 您

我正在尝试在页面加载上实现一个简单的查询动画,一个图像(带透明度的PNG)在窗口上水平移动,您可以在窗口上看到,它使用以下脚本:

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

$(文档).ready(函数(){
$(“.logo”).animate({“左”:“+=900px”},3000);
});
您可能会看到(我已经在Firefox和Safari中测试过)图像在窗口中移动时抖动。我想知道是否有一种方法可以使这更平滑

谢谢


尼克

欢迎来到浏览器编程世界。。。啊

正如这里有人所说,将动画时间减少到不超过1000毫秒,这样抖动就不那么明显了


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

我只想加快转换速度。我知道没有什么好的理由使幻灯片长度超过500,这可能会使抖动变得不明显。js也都是客户端的。即使你让它对你来说更平滑,也没有办法知道其他人是如何经历它的。我的机器很好地运行了你的站点。