我目前正在开发一个插件,该插件使我能够模仿Web应用程序的Office Ribbon界面。

现在,现在所有功能都可以使用,但是我想向其中添加一些动画,就像在原始功能区中一样。

对于拥有Outlook 2013的人,您可以看到我的意思是:

当您点击具有下拉菜单的项目(例如“新项目”)时,下拉菜单会从顶部弹出。

现在,我自己创建了一个下拉菜单,通过单击图标即可看到该下拉菜单,但这没有动画(仅显示块)。

有人可以提供我所需的代码以使其从顶部飞入吗?
您可以在这里找到小提琴:http://jsfiddle.net/Complexity/nf7Lr/

我的菜单装饰有以下课程:

<div class="menu" id="mnuCleanUp">


因此,我希望菜单从顶部(在单击的按钮下方)飞入。

亲切的问候,

凯文

最佳答案

显示菜单

$("#mnuCleanUp").slideDown("slow");


并把它藏起来

$("#mnuCleanUp").slideUp("slow");

07-26 03:37