幻燈片從右到左100％？ CSS-JQUERY

Question

當頁面加載時，我需要滑動div菜單100％的寬度。但它不工作：

CSS

#menu{ 
position: fixed; 
z-index: 101; 
top:0; 
color:#fff; 
font-weight:bold; 
font-size: 10px; 
height:50px; 
width:100%; 
min-width:50px; 
background:red; 
} 

JQUERY

$(document).ready(function(){ 
    $("#menu").animate({ left: '0'}, 'fast'); 
}); 

我要的是這個div，當頁面加載時，開始在右上角出現，直到離開，留在頂部之後100％寬度。 http://jsfiddle.net/12tx42q4/

謝謝

Answer 1

你需要給它一個起點像left: 100%：JS Fiddle

left: 0是默認的起點，所以如果不改變它，它不會顯示爲動畫。

Answer 2

你基本上是說：當身體被裝載滑動至左側以0像素的距離。

嘗試設置的像素數就必須前往

左： '在這裏插入像素'

像這樣：

$(document).ready(function(){ 
      $("#menu").animate({ left: '100'}, 'slow'); 
    }); 

Answer 3

你只需要設置left:100%

http://jsfiddle.net/12tx42q4/5/