[发明专利]一种分类导航的下拉菜单设计实现方法

说明书

技术领域

本发明涉及计算机应用领域，特别涉及一种分类导航的下拉菜单设计实现方法。

背景技术

在计算机应用中，对于下拉菜单，当用户选中一个选项后，该选项会向下延伸出具有其他选项的另一个菜单。下拉式菜单通常应用于把一些具有相同分类的功能放在同一个下拉式菜单中，并把这个下拉菜单置于主菜单的选项下。分类导航的下拉菜单设计是基于下拉菜单的功能特点，把大量的信息逐步细分和归类，在有限的空间内展示给用户更多的信息。

传统的分类导航下拉菜单显示下拉菜单有一定的延迟，因为若不这样做，斜着移动鼠标时鼠标事件消失，下拉菜单就会消失，对于用户来说一般需要先平移鼠标到下拉菜单，然后才能在下拉菜单列表中选择目标子菜单。但采用延迟的方法存在一个问题，即当鼠标移动至某菜单时因为时间延迟其下拉菜单不能同步显示。举个例子，假设分类导航中有10个主菜单，当鼠标连续快速从菜单1拖动到菜单10的过程中，可能只有3到4个菜单响应鼠标事件显示下拉菜单，而其他菜单则来不及响应。

目前网站分类导航的下拉菜单被使用得非常频繁，若下拉菜单延迟显示，则用户不能快速浏览到目标信息，影响了用户的使用体验；且用户只能水平移动鼠标至下拉菜单，然后再变化方向到目标子菜单，而不能斜着移动鼠标直接到目标子菜单。

发明内容

针对现有的分类导航的下拉菜单中存在的问题，本发明提出了一种分类导航的下拉菜单设计实现方法，监听鼠标移动事件，获取目标菜单的相关数据，构建鼠标可快速移动的三角形区域，区域屏蔽，选择目标下拉子菜单。

为实现上述发明内容，本发明采用了一种分类导航的下拉菜单设计实现方法，该方法包括以下步骤：

a.实时监听鼠标在分类导航菜单内的移动事件，获取目标菜单的相关数据，包括菜单上的鼠标位置A(X_x，Y_y)，其下拉菜单的位置B(M_m，N_n)，C(P_p，Q_q)；

b.构建鼠标可快速移动区域，A、B、C三点，构成一个鼠标可任意快速移动的三角形区域ABC；

c.区域屏蔽，屏蔽三角形区域ABC覆盖的目标菜单的同级别菜单事件，使鼠标在三角形区域ABC内快速移动时其同级别菜单不响应；

d.鼠标快速移动通过三角形区域ABC，选择目标下拉菜单。

进一步，若鼠标在三角形区域ABC内快速移动时出现停顿，屏蔽功能消失，响应鼠标移动事件获取新的数据，重新构建鼠标可快速移动的三角形区域；若鼠标不在三角形区域ABC内移动，原三角形区域消失，响应鼠标移动事件获取新的数据，重新构建鼠标可快速移动的三角形区域。

进一步，所述屏蔽功能的实现方式为：根据数据信息，即时生成图片式三角形区域ABC，当监听到鼠标在三角形区域ABC内快速移动时图片自动置于目标菜单的同级别菜单的上方，使其无法响应鼠标事件；当监听到鼠标出现停顿时，图片自动变化置于菜单的下方，目标菜单变化，即时响应鼠标移动事件。

进一步，三角形区域ABC变化时，同步显示激活的下拉菜单的内容。

进一步，根据用户使用需求预先设置鼠标停顿的响应时间。

进一步，所述下拉菜单的位置B、C为下拉菜单标签的左上角和左下角。

进一步，所述下拉菜单的位置B、C为下拉菜单标签的右上角和右下角。

进一步，所述三角形区域ABC为用户不可见。

进一步，所述三角形区域ABC为用户可见，用区别于菜单的颜色显示其边框或区域。

与现有技术相比，本发明实现了下拉菜单快速响应同步显示，消除了延迟显示带来的影响，提高了浏览效率；用户使用时可斜着移动鼠标至下拉菜单且下拉菜单不消失，增强了用户体验。

附图说明

图1为本发明所提供的一种分类导航的下拉菜单设计实现方法的流程图；

图2a，2b为本发明所提供的一种分类导航的下拉菜单设计实现方法的实施例一；

图3a，3b为本发明所提供的一种分类导航的下拉菜单设计实现方法的实施例二。

具体实施方式

为了使本发明所提到的一种分类导航的下拉菜单设计实现方法及其优点更加清楚明确，以下参照附图对本发明进行更进一步的详细说明。

图1为本发明所提供的一种分类导航的下拉菜单设计实现方法的流程图，如图1所示，该方法的主要流程步骤如下：

步骤1，实时监听鼠标移动事件，获取目标菜单的相关数据。