一種分類導航的下拉菜單設計實現(xiàn)方法
【專利摘要】本發(fā)明提出了一種分類導航的下拉菜單設計實現(xiàn)方法，該方法包括以下步驟：a.實時監(jiān)聽鼠標移動事件，獲取目標菜單的相關數據；b.構建鼠標可快速移動的三角形區(qū)域ABC；c.區(qū)域屏蔽，屏蔽三角形區(qū)域ABC覆蓋的菜單；d.鼠標快速移動通過三角形區(qū)域ABC，選擇目標下拉菜單。與現(xiàn)有技術相比，本發(fā)明實現(xiàn)了下拉菜單快速響應同步顯示，消除了延遲顯示帶來的影響，提高了瀏覽效率；用戶使用時可斜著移動鼠標至下拉菜單且下拉菜單不消失，增強了用戶體驗。
【專利說明】一種分類導航的下拉菜單設計實現(xiàn)方法

【技術領域】
[0001]本發(fā)明涉及計算機應用領域，特別涉及一種分類導航的下拉菜單設計實現(xiàn)方法。

【背景技術】
[0002]在計算機應用中，對于下拉菜單，當用戶選中一個選項后，該選項會向下延伸出具有其他選項的另一個菜單。下拉式菜單通常應用于把一些具有相同分類的功能放在同一個下拉式菜單中，并把這個下拉菜單置于主菜單的選項下。分類導航的下拉菜單設計是基于下拉菜單的功能特點，把大量的信息逐步細分和歸類，在有限的空間內展示給用戶更多的信息。
[0003]傳統(tǒng)的分類導航下拉菜單顯示下拉菜單有一定的延遲，因為若不這樣做，斜著移動鼠標時鼠標事件消失，下拉菜單就會消失，對于用戶來說一般需要先平移鼠標到下拉菜單，然后才能在下拉菜單列表中選擇目標子菜單。但采用延遲的方法存在一個問題，即當鼠標移動至某菜單時因為時間延遲其下拉菜單不能同步顯示。舉個例子，假設分類導航中有10個主菜單，當鼠標連續(xù)快速從菜單I拖動到菜單10的過程中,可能只有3到4個菜單響應鼠標事件顯示下拉菜單，而其他菜單則來不及響應。
[0004]目前網站分類導航的下拉菜單被使用得非常頻繁，若下拉菜單延遲顯示，則用戶不能快速瀏覽到目標信息，影響了用戶的使用體驗；且用戶只能水平移動鼠標至下拉菜單，然后再變化方向到目標子菜單，而不能斜著移動鼠標直接到目標子菜單。


【發(fā)明內容】

[0005]針對現(xiàn)有的分類導航的下拉菜單中存在的問題，本發(fā)明提出了一種分類導航的下拉菜單設計實現(xiàn)方法，監(jiān)聽鼠標移動事件，獲取目標菜單的相關數據，構建鼠標可快速移動的三角形區(qū)域，區(qū)域屏蔽，選擇目標下拉子菜單。
[0006]為實現(xiàn)上述
【發(fā)明內容】
，本發(fā)明采用了一種分類導航的下拉菜單設計實現(xiàn)方法，該方法包括以下步驟:
[0007]a.實時監(jiān)聽鼠標在分類導航菜單內的移動事件，獲取目標菜單的相關數據，包括菜單上的鼠標位置A (Xx，Yy)，其下拉菜單的位置B (Mm，Nn)，C (Pp, Qq)；
[0008]b.構建鼠標可快速移動區(qū)域，A、B、C三點，構成一個鼠標可任意快速移動的三角形區(qū)域ABC ；
[0009]c.區(qū)域屏蔽，屏蔽三角形區(qū)域ABC覆蓋的目標菜單的同級別菜單事件，使鼠標在三角形區(qū)域ABC內快速移動時其同級別菜單不響應；
[0010]d.鼠標快速移動通過三角形區(qū)域ABC，選擇目標下拉菜單。
[0011]進一步，若鼠標在三角形區(qū)域ABC內快速移動時出現(xiàn)停頓，屏蔽功能消失，響應鼠標移動事件獲取新的數據，重新構建鼠標可快速移動的三角形區(qū)域；若鼠標不在三角形區(qū)域ABC內移動，原三角形區(qū)域消失，響應鼠標移動事件獲取新的數據，重新構建鼠標可快速移動的三角形區(qū)域。
[0012]進一步，所述屏蔽功能的實現(xiàn)方式為:根據數據信息，即時生成圖片式三角形區(qū)域ABC，當監(jiān)聽到鼠標在三角形區(qū)域ABC內快速移動時圖片自動置于目標菜單的同級別菜單的上方，使其無法響應鼠標事件；當監(jiān)聽到鼠標出現(xiàn)停頓時，圖片自動變化置于菜單的下方，目標菜單變化，即時響應鼠標移動事件。
[0013]進一步，三角形區(qū)域ABC變化時，同步顯示激活的下拉菜單的內容。
[0014]進一步，根據用戶使用需求預先設置鼠標停頓的響應時間。
[0015]進一步，所述下拉菜單的位置B、C為下拉菜單標簽的左上角和左下角。
[0016]進一步，所述下拉菜單的位置B、C為下拉菜單標簽的右上角和右下角。
[0017]進一步，所述三角形區(qū)域ABC為用戶不可見。
[0018]進一步，所述三角形區(qū)域ABC為用戶可見，用區(qū)別于菜單的顏色顯示其邊框或區(qū)域。
[0019]與現(xiàn)有技術相比，本發(fā)明實現(xiàn)了下拉菜單快速響應同步顯示，消除了延遲顯示帶來的影響，提高了瀏覽效率；用戶使用時可斜著移動鼠標至下拉菜單且下拉菜單不消失，增強了用戶體驗。

【專利附圖】

【附圖說明】
[0020]圖1為本發(fā)明所提供的一種分類導航的下拉菜單設計實現(xiàn)方法的流程圖；
[0021]圖2a，2b為本發(fā)明所提供的一種分類導航的下拉菜單設計實現(xiàn)方法的實施例一；
[0022]圖3a，3b為本發(fā)明所提供的一種分類導航的下拉菜單設計實現(xiàn)方法的實施例二。

【具體實施方式】
[0023]為了使本發(fā)明所提到的一種分類導航的下拉菜單設計實現(xiàn)方法及其優(yōu)點更加清楚明確，以下參照附圖對本發(fā)明進行更進一步的詳細說明。
[0024]圖1為本發(fā)明所提供的一種分類導航的下拉菜單設計實現(xiàn)方法的流程圖，如圖1所示，該方法的主要流程步驟如下:
[0025]步驟1，實時監(jiān)聽鼠標移動事件，獲取目標菜單的相關數據。
[0026]實時監(jiān)聽鼠標在分類導航菜單內的移動事件，獲取相關數據包括菜單上的鼠標位置A(Xx，Yy)，其下拉菜單的位置B(Mm，Nn) ,C(Pp, Qq)，其中下標x、y、m、n、p、q為變量，隨著鼠標和下拉菜單的位置變化而變化。
[0027]步驟2，構建鼠標可快速移動的三角形區(qū)域ABC。
[0028]步驟I中的A、B、C三點，構成一個鼠標可任意快速移動的三角形區(qū)域ABC。根據使用需求，該區(qū)域可以是可見的，也可以是用區(qū)別于菜單的顏色顯示其邊框或區(qū)域。
[0029]步驟3，區(qū)域屏蔽，屏蔽三角形區(qū)域ABC覆蓋的菜單。
[0030]屏蔽三角形區(qū)域ABC覆蓋的目標菜單的同級別菜單事件，使鼠標在三角形區(qū)域ABC內快速移動時其同級別菜單不響應。采用本發(fā)明，鼠標在三角形區(qū)域ABC任意快速移動時，若無屏蔽功能，菜單會實時響應鼠標移動事件并顯示下拉菜單內容，這就帶來新的問題，由于下拉菜單無延遲顯示，變化太快，用戶無法選中目標子菜單。
[0031]步驟4，鼠標快速移動通過三角形區(qū)域ABC，選擇目標下拉菜單。
[0032]由于步驟3實現(xiàn)了屏蔽的功能，鼠標在三角形區(qū)域ABC內可斜向移動至目標下拉菜單，不用先水平操作再調整方向移動。
[0033]進一步，鼠標移動過程中如果出現(xiàn)停頓，屏蔽功能消失，當前菜單響應鼠標移動事件，下拉菜單同步變化并顯示，重新執(zhí)行本發(fā)明方法。
[0034]目標菜單變化，鼠標移動至新的目標菜單，再次執(zhí)行本發(fā)明方法。
[0035]圖2a，2b為本發(fā)明所提供的一種分類導航的下拉菜單設計實現(xiàn)方法的實施例一，
如圖2a所示，左側為分類導航菜單:菜單1、菜單2、菜單3、菜單4.....菜單n_l，菜單η ；
右側顯示為菜單對應的下拉菜單，在圖2a中鼠標移動到菜單2，故為菜單2的下拉菜單:下拉21、下拉22、下拉23、下拉24.....下拉2m_l，下拉m ；目標下拉菜單為下拉2m_l。
[0036]該實施過程如下:監(jiān)聽到鼠標移動到菜單2，獲取鼠標的位置A(Xx，Yy)和菜單2的下拉菜單位置B(Mm，Nn), C(Pp, Qq);構建鼠標可快速移動的三角形區(qū)域ABC，三角形區(qū)域ABC為即時生成的圖片格式，當監(jiān)聽到鼠標在三角形區(qū)域ABC內快速移動時該圖片除菜單2外還覆蓋菜單1、菜單3、菜單4、菜單...的部分，圖片ABC自動置于其覆蓋菜單的上方，使其被覆蓋部分無法響應鼠標事件；鼠標沿著箭頭S的方向快速移動到目標下拉菜單下拉2m-l，當然，只要在三角形區(qū)域ABC內，鼠標也可沿其他方向移動至目標下拉菜單下拉2 In-1 ο
[0037]圖2b當監(jiān)聽到鼠標在移動的過程中移動到菜單3的黑色原點處出現(xiàn)停頓，圖片ABC自動置于其覆蓋菜單的下方，屏蔽功能消失，菜單2的下拉菜單消失，此時菜單3會即時響應鼠標移動事件，下拉菜單也會同時變化成菜單3的下拉菜單(為與圖2a對照，圖片置于下拉菜單的下方)，此時下拉菜單變?yōu)橄吕?1、下拉32、下拉33、下拉34.....下拉3m_l，
下拉3m。
[0038]圖3a，3b為本發(fā)明所提供的一種分類導航的下拉菜單設計實現(xiàn)方法的實施例二，
如圖3a所示，右側為分類導航菜單:菜單1、菜單2、菜單3、菜單4.....菜單n_l，菜單η;左側顯示為菜單對應的下拉菜單，在圖3a中鼠標移動到菜單η-1，故為菜單η-1的下拉菜單:下拉(η-1) 1、下拉(η-1) 2、下拉(η_1)3、下拉(η_1) 4、...、下拉(n-l)m-l,下拉(n_l)m;目標下拉菜單為下拉(η-1) 3。
[0039]該實施過程如下:監(jiān)聽到鼠標移動到菜單η-1，獲取鼠標的位置A(Xx，Yy)和菜單η-1的下拉菜單位置8(1^，1)，(:(?1)，0(1);構建鼠標可快速移動的三角形區(qū)域ABC，三角形區(qū)域ABC為即時生成的圖片格式，當監(jiān)聽到鼠標在三角形區(qū)域ABC內快速移動時除菜單η-1外該圖片還覆蓋菜單2、菜單3、菜單4、菜單...、菜單η的部分，圖片ABC自動置于其覆蓋菜單的上方，使其被覆蓋部分無法響應鼠標事件；鼠標沿著箭頭S的方向快速移動到目標下拉菜單下拉(η-1)3，當然，只要在三角形區(qū)域ABC內，鼠標也可沿其他方向移動至目標下拉菜單下拉(η-1) 3。
[0040]圖3b當監(jiān)聽到鼠標在移動的過程中移動到菜單4的黑色原點處出現(xiàn)停頓，圖片ABC自動置于其覆蓋菜單的下方，屏蔽功能消失，菜單η-1的下拉菜單消失，此時菜單4會即時響應鼠標移動事件，下拉菜單也會同時變化成菜單4的下拉菜單(為與圖3a對照，圖片置于下拉菜單的下方)，此時下拉菜單變?yōu)橄吕?1、下拉42、下拉43、下拉44.....下拉
4m_l,下拉 4m。
[0041]以上所述是對本發(fā)明的較佳的【具體實施方式】，本【技術領域】人員應當理解，所述實施方式并非限定本發(fā)明的保護范圍。在不脫離本發(fā)明的精神實質和原則下，在細節(jié)方面可以進行變化或者修改，均應涵蓋在本發(fā)明的權利要求范圍之內。
【權利要求】
1.一種分類導航的下拉菜單設計實現(xiàn)方法，其特征在于，該方法包括以下步驟: a.實時監(jiān)聽鼠標在分類導航菜單內的移動事件，獲取目標菜單的相關數據，包括菜單上的鼠標位置A (Xx, Yy)，其下拉菜單的位置B (Mffl, Nn)，C (Pp, Qq)； b.構建鼠標可快速移動區(qū)域，A、B、C三點，構成一個鼠標可任意快速移動的三角形區(qū)域 ABC ； c.區(qū)域屏蔽，屏蔽三角形區(qū)域ABC覆蓋的目標菜單的同級別菜單事件，使鼠標在三角形區(qū)域ABC內快速移動時其同級別菜單不響應； d.鼠標快速移動通過三角形區(qū)域ABC，選擇目標下拉菜單。
2.如權利要求1所述的一種分類導航的下拉菜單設計實現(xiàn)方法，若鼠標在三角形區(qū)域ABC內快速移動時出現(xiàn)停頓，屏蔽功能消失，響應鼠標移動事件獲取新的數據，重新構建鼠標可快速移動的三角形區(qū)域；若鼠標不在三角形區(qū)域ABC內移動，原三角形區(qū)域消失，響應鼠標移動事件獲取新的數據，重新構建鼠標可快速移動的三角形區(qū)域。
3.如權利要求1或2所述的一種分類導航的下拉菜單設計實現(xiàn)方法，所述屏蔽功能的實現(xiàn)方式為:根據數據信息，即時生成圖片式三角形區(qū)域ABC，當監(jiān)聽到鼠標在三角形區(qū)域ABC內快速移動時圖片自動置于目標菜單的同級別菜單的上方，使其無法響應鼠標事件；當監(jiān)聽到鼠標出現(xiàn)停頓時，圖片自動變化置于菜單的下方，目標菜單變化，即時響應鼠標移動事件。
4.如權利要求2所述的一種分類導航的下拉菜單設計實現(xiàn)方法，三角形區(qū)域ABC變化時，同步顯示激活的下拉菜單的內容。
5.如權利要求2所述的一種分類導航的下拉菜單設計實現(xiàn)方法，根據用戶使用需求預先設置鼠標停頓的響應時間。
6.如權利要求1所述的一種分類導航的下拉菜單設計實現(xiàn)方法，所述下拉菜單的位置B、C為下拉菜單標簽的左上角和左下角。
7.如權利要求1所述的一種分類導航的下拉菜單設計實現(xiàn)方法，所述下拉菜單的位置B、C為下拉菜單標簽的右上角和右下角。
8.如權利要求1或2所述的一種分類導航的下拉菜單設計實現(xiàn)方法，所述三角形區(qū)域ABC為用戶不可見。
9.如權利要求1或2所述的一種分類導航的下拉菜單設計實現(xiàn)方法，所述三角形區(qū)域ABC為用戶可見，用區(qū)別于菜單的顏色顯示其邊框或區(qū)域。
【文檔編號】G06F3/0482GK104077036SQ201310099602
【公開日】2014年10月1日 申請日期:2013年3月27日 優(yōu)先權日:2013年3月27日
【發(fā)明者】牟春林 申請人:蘇州精易會信息技術有限公司