加載頁面加載菜單

Question

我想讓我的ul菜單從頁面的左側飛入，當文檔加載使用jQuery時。我會如何去做這件事？謝謝您的幫助。

Answer 1

您可以使用jQuery.animate來動畫元素。

例

$(document).ready(function(){ 
    $('ul').animate({left:'20px'},800); 
}); 

我創建了其它DEMO給你看它。

Answer 2

啓動過什麼Dipesh帕爾馬開始，我做了another working demo有幾個關鍵的不同：

1. 你希望它來自正確的，並向左滑動，看到var startPos = 0 - objWidth;
2. 你可能要由於演示是有點過於容易併發它纔去關閉網頁停止，見left: $(document).width() - objWidth - 15將其移動到頁面邊緣，顯示完整的對象（加少許填充）

你想要的東西，這裏就是你以後的代碼歸結爲

var plane = $("#plane"); 
plane.css('left', plane.width()*-1); // Initially position the object off the page 
plane.animate({ 
    left: $(document).width() - $("#plane").width() - 15 // Go to the right edge, show the whole object, and some padding 
}, 3000, 'linear') // Action takes 3000 milliseconds in a linear motion 

退房jQuery的動畫文件更