[發明專利]展示菜單的方法及裝置

在審

• 申請號: 201510822203.3
• 申請日: 2015-11-24
• 公開（公告）號: CN106775264A
• 公開（公告）日: 2017-05-31
• 發明（設計）人: 李濟景
• 申請（專利權）人: 北京國雙科技有限公司
• 主分類號: G06F3/0482
• 分類號: G06F3/0482
• 代理公司: 北京鼎佳達知識產權代理事務所(普通合伙)11348
• 代理人: 王偉鋒,劉鐵生

技術領域

本發明涉及互聯網技術領域，尤其涉及一種展示菜單的方法及裝置。

背景技術

在頁面中通常會有菜單欄，而菜單欄中的內容往往不是固定的，需要根據業務需求動態變化。比如在一個具有功能菜單的網站中，假設當前頁面菜單欄中顯示的菜單為“全局管理”，而“全局管理”對應多個菜單項，每個菜單項對應的子菜單是不同的，當點擊其中某一個菜單項時，需要將該菜單項對應子菜單顯示出來，即將菜單欄中的“全局管理”菜單切換為某個菜單項對應的子菜單。假設某一菜單項對應的子菜單為“實時監控”“數據分析”“圖表展示”，那就需要將“全局管理”切換為“實時監控”“數據分析”“圖表展示”在菜單欄中顯示。

對于上述菜單的切換過程，現有的做法為，將切換前“全局管理”菜單去掉，并將切換后需要展示的“實時監控”“數據分析”“圖表展示”“全局管理”菜單直接平鋪展示。

在上述菜單切換的過程中，發明人發現現有的菜單切換方式過于生硬，切換的過程不平滑。

發明內容

鑒于上述問題，提出了本發明以便提供一種克服上述問題或者至少部分地解決上述問題的一種展示菜單的方法及裝置。

為解決上述技術問題，一方面，本發明提供了一種展示菜單的方法，該方法包括：

在菜單的類class屬性中添加動畫類，所述動畫類用于動態切換菜單；

設置所述動畫類中的動畫過渡參數；

在當前菜單中監測觸發事件，所述觸發事件用于觸發所述當前菜單中的菜單項；

當監測到所述觸發事件時，查找所述觸發事件觸發的菜單項所對應的 子菜單；

執行所述動畫類，將所述當前菜單過渡切換為所述子菜單。

另一方面，本發明還提供了一種展示菜單的裝置，該裝置包括：

添加單元，用于在菜單的類class屬性中添加動畫類，所述動畫類用于動態切換菜單；

設置單元，用于設置所述動畫類中的動畫過渡參數；

監測單元，用于在當前菜單中監測觸發事件，所述觸發事件用于觸發所述當前菜單中的菜單項；

查找單元，用于當監測到所述觸發事件時，查找所述觸發事件觸發的菜單項所對應的子菜單；

執行單元，用于執行所述動畫類，將所述當前菜單過渡切換為所述子菜單。

借由上述技術方案，本發明提供的展示菜單的方法及裝置，能夠通過為菜單的類屬性添加動畫類，然后設置動畫類的動畫過渡參數，當監測到當前菜單中有觸發菜單項的觸發事件時，對應的查找到被觸發菜單項對應的子菜單然后執行設置好的動畫類，實現當前菜單到菜單項對應的子菜單的過渡切換。與現有技術相比，本發明通過添加菜單動畫類，使當前菜單到菜單項對應的子菜單的切換時可以執行添加的動畫類，使菜單之間的切換具有一個過渡的過程，使菜單切換的過程更加平滑。

上述說明僅是本發明技術方案的概述，為了能夠更清楚了解本發明的技術手段，而可依照說明書的內容予以實施，并且為了讓本發明的上述和其它目的、特征和優點能夠更明顯易懂，以下特舉本發明的具體實施方式。

附圖說明

通過閱讀下文優選實施方式的詳細描述，各種其他的優點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優選實施方式的目的，而并不認為是對本發明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：

圖1示出了本發明實施例提供的一種展示菜單的方法流程圖；

圖2示出了本發明實施例提供的另一種展示菜單的方法流程圖；

圖3示出了本發明實施例提供的一種展示菜單的裝置的組成框圖；

圖4示出了本發明實施例提供的另一種展示菜單的裝置的組成框圖。

具體實施方式

下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例，然而應當理解，可以以各種形式實現本公開而不應被這里闡述的實施例所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠將本公開的范圍完整的傳達給本領域的技術人員。

為解決現有菜單切換的方式不平滑的問題，本發明實施例提供了一種展示菜單的方法，如圖1所示，該方法包括：

101、在菜單的類class屬性中添加動畫類。

首先需要說明的是本實施例是使用層疊樣式表(Cascading Style Sheets，簡稱CSS)實現的。