使用jQuery動畫div並更改寬度

Question

當頁面完全加載時，我試圖將div滑入頁面中，我之前使用過CSS，但是根本不流暢，所以我改用jQuery。

這很順利，但是我有一個小問題，我相信有更多經驗的人可以很快解決。

如果查看我的輸出，效果不是很無縫，並且似乎停留在某個時刻。 因為我正在為div中的div設置動畫寬度，所以我確定有更好的方法可以做到這一點。

這是我的代碼：

$(document).ready(function() {
    $("#thumbnails").animate({
        opacity: 1,
        width: "800px",
  }, {
    duration: 500,
    specialEasing: {
    width: "linear"
    }
  });
});

這是輸出鏈接

http://jsbin.com/cuvaxuji/1

Answer 1

您是否要滑動div ...，以使“ #thumbnails”位置變為絕對並寫入

  $("#thumbnails").animate({
        opacity: 1,
        left: "20px",
  }