我有一個圖像,我可以放心地用jQuery查看。爲什麼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});
});
});
它大約是400x600像素,並且圖像滑動的渲染是平滑但粗糙的。
將在動畫中看起來像這樣的次數:
| |
| |
| |
| |
| |
| |
如果|是圖像的邊緣。
這是因爲我的瀏覽器/電腦渲染功能?上網本中的Chrome/FF/Safari。
我添加了上面的CSS。沒有閃光燈在運行。我知道Flash減慢了一切:/它更像是一個'跳躍',混合了未對齊的渲染,按照我的|畫畫。圖像質量是完美的。 它有點像圖像在頁面上移動,瀏覽器呈現頂部100像素(垂直),然後呈現下一個100像素,但動畫已經移動到另一側100像素,所以它跳動了蹣跚。如果這是有道理的......我會盡快在一臺好電腦上測試是的! – ian
嗨伊恩,如果你把時間減慢,該怎麼辦?它仍然跳? – dooburt