[发明专利]展示菜单的方法及装置

说明书

技术领域

本发明涉及互联网技术领域，尤其涉及一种展示菜单的方法及装置。

背景技术

在页面中通常会有菜单栏，而菜单栏中的内容往往不是固定的，需要根据业务需求动态变化。比如在一个具有功能菜单的网站中，假设当前页面菜单栏中显示的菜单为“全局管理”，而“全局管理”对应多个菜单项，每个菜单项对应的子菜单是不同的，当点击其中某一个菜单项时，需要将该菜单项对应子菜单显示出来，即将菜单栏中的“全局管理”菜单切换为某个菜单项对应的子菜单。假设某一菜单项对应的子菜单为“实时监控”“数据分析”“图表展示”，那就需要将“全局管理”切换为“实时监控”“数据分析”“图表展示”在菜单栏中显示。

对于上述菜单的切换过程，现有的做法为，将切换前“全局管理”菜单去掉，并将切换后需要展示的“实时监控”“数据分析”“图表展示”“全局管理”菜单直接平铺展示。

在上述菜单切换的过程中，发明人发现现有的菜单切换方式过于生硬，切换的过程不平滑。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种展示菜单的方法及装置。

为解决上述技术问题，一方面，本发明提供了一种展示菜单的方法，该方法包括：

在菜单的类class属性中添加动画类，所述动画类用于动态切换菜单；

设置所述动画类中的动画过渡参数；

在当前菜单中监测触发事件，所述触发事件用于触发所述当前菜单中的菜单项；

当监测到所述触发事件时，查找所述触发事件触发的菜单项所对应的 子菜单；

执行所述动画类，将所述当前菜单过渡切换为所述子菜单。

另一方面，本发明还提供了一种展示菜单的装置，该装置包括：

添加单元，用于在菜单的类class属性中添加动画类，所述动画类用于动态切换菜单；

设置单元，用于设置所述动画类中的动画过渡参数；

监测单元，用于在当前菜单中监测触发事件，所述触发事件用于触发所述当前菜单中的菜单项；

查找单元，用于当监测到所述触发事件时，查找所述触发事件触发的菜单项所对应的子菜单；

执行单元，用于执行所述动画类，将所述当前菜单过渡切换为所述子菜单。

借由上述技术方案，本发明提供的展示菜单的方法及装置，能够通过为菜单的类属性添加动画类，然后设置动画类的动画过渡参数，当监测到当前菜单中有触发菜单项的触发事件时，对应的查找到被触发菜单项对应的子菜单然后执行设置好的动画类，实现当前菜单到菜单项对应的子菜单的过渡切换。与现有技术相比，本发明通过添加菜单动画类，使当前菜单到菜单项对应的子菜单的切换时可以执行添加的动画类，使菜单之间的切换具有一个过渡的过程，使菜单切换的过程更加平滑。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种展示菜单的方法流程图；

图2示出了本发明实施例提供的另一种展示菜单的方法流程图；

图3示出了本发明实施例提供的一种展示菜单的装置的组成框图；

图4示出了本发明实施例提供的另一种展示菜单的装置的组成框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

为解决现有菜单切换的方式不平滑的问题，本发明实施例提供了一种展示菜单的方法，如图1所示，该方法包括：

101、在菜单的类class属性中添加动画类。

首先需要说明的是本实施例是使用层叠样式表(Cascading Style Sheets，简称CSS)实现的。