在页面加载时为菜单设置动画

Question

当我使用jquery加载文档时，我试图让我的ul菜单从页面左侧飞入。我该怎么做呢？谢谢你的帮助。

Answer 1

您可以使用jQuery.animate为元素设置动画。

示例

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

我已经创建了其他DEMO供您查看。

Answer 2

启动Dipesh Parmar的开始，我已经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

查看更多http://api.jquery.com/animate/

的jQuery动画文档