Question

我有一个用jQuery轻松查看的图像。

<style>

#box
{
    position:relative;
    left:-400px;
    height:50px;
    width:100px;
}

</style>


$(document).ready(function()
    {
        var method;

        $("#clickme").toggle(function()
        {
            method = $("#box").attr("class");
            $("#box").animate({left:"50%"},{duration: 1000,easing: method});

        },function()
        {
            method = $("#box").attr("class");
            $("#box").animate({left:"-400px"},{duration: 1000,easing: method});
        });
    });

它大约是400x600px，并且滑动的图像的渲染是平滑但粗糙的。

动画期间有时会出现这样的情况：

|          |
|          |
  |          |
  |          |
|          |
|          |

如果|是图像的边缘。

这仅仅是因为我的浏览器/计算机渲染功能？上网本上的Chrome / FF / Safari。

Answer 1

看起来您遇到了浏览器/硬件组合的限制。请记住，javascript动画在很大程度上取决于浏览器的计算机和javascript引擎的功能。

在高端工作站上看起来不错的东西可能在低端笔记本电脑上看起来不那么好。

Answer 2

您是否在同一页面上运行任何Flash？

如果是这样，我在同一页面上混合使用Jquery和Flash时遇到了一些问题，并且它们可能会有很大的性能命中率。通常情况下，Flash对于真正击中计算机是透明的。

为了澄清，图像在加载时是否“跳跃”或图像本身加载不良？如果它跳转，它可能是一个简单的CSS问题 - 如果我能看到你的CSS有什么可以解决。如果没有，那就是形象，贾斯汀可能已经为你解决了。你能在更强大的电脑上进行测试吗？

为什么jquery缓和不那么顺利

2 个答案: