如何使用jquery的动画将菜单项设置为大型div(窗口)?

时间:2010-06-15 05:37:49

标签: jquery html window jquery-animate

我很确定这可以通过jquery的动画api轻松完成,但我还不够好,无法弄明白。我想做的是:

我在视口顶部有一个菜单项,用户将点击该菜单项。当用户点击它时,你会看到一些看起来像div“弹出”菜单并浮动到屏幕上的特定位置的东西。当我说弹出时我并不意味着什么花哨 - 我只是意味着它似乎来自菜单项并在我指定的屏幕上的某个地方定居。但重要的是这个动画发生得非常快。足够快,你不必实际等待窗口出现,但足够慢,以便眼睛看到动画从菜单项开始,最终到达窗口实际出现的新位置,并显示指定高度和宽度。

希望一切都有意义吗?

1 个答案:

答案 0 :(得分:1)

jQuery('#someelement').css({position:'absolute'}).animate({width: 200,height:200, left:'+=500'},1000,function(){}).hide();

宽度/高度使菜单项变大,左边移动距离起始位置500像素。在函数内部,放置你的回调以打开寡妇。