我目前正在开发一个插件,该插件使我能够模仿Web应用程序的Office Ribbon界面。
现在,现在所有功能都可以使用,但是我想向其中添加一些动画,就像在原始功能区中一样。
对于拥有Outlook 2013的人,您可以看到我的意思是:
当您点击具有下拉菜单的项目(例如“新项目”)时,下拉菜单会从顶部弹出。
现在,我自己创建了一个下拉菜单,通过单击图标即可看到该下拉菜单,但这没有动画(仅显示块)。
有人可以提供我所需的代码以使其从顶部飞入吗?
您可以在这里找到小提琴:http://jsfiddle.net/Complexity/nf7Lr/
我的菜单装饰有以下课程:
<div class="menu" id="mnuCleanUp">
因此,我希望菜单从顶部(在单击的按钮下方)飞入。
亲切的问候,
凯文
最佳答案
显示菜单
$("#mnuCleanUp").slideDown("slow");
并把它藏起来
$("#mnuCleanUp").slideUp("slow");