[發明專利]頁面顯示的方法及設備

有效

• 申請號: 201210530285.0
• 申請日: 2012-12-10
• 公開（公告）號: CN103034410A
• 公開（公告）日: 2013-04-10
• 發明（設計）人: 曾軼;王海;黃歡
• 申請（專利權）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F3/0483
• 分類號: G06F3/0483;G06F3/0481;G06F3/0484;G06F9/44;G06F17/30
• 代理公司: 北京市浩天知識產權代理事務所 11276
• 代理人: 靳春鷹;劉云貴

技術領域

本發明涉及計算機技術領域，具體涉及一種頁面顯示的方法及設備。

背景技術

圖層提供了一種對頁面對象進行有效控制的手段，圖層可以包括文本、圖片、表格、插件，也可以在圖層里面嵌套其他圖層。在HTML（HypertextMarkup?Language，超文本標記語言）文檔的正文部分可以放置的元素都可以放入圖層內。由于圖層可以放置在頁面的任何位置，從而能有效控制頁面中的對象。

在現有技術中可通過控制圖層的顯示或隱藏，以實現頁面交互技術，但由于在現有技術中圖層從隱藏至完全顯示的過程視覺跳躍性較強，影響用戶體驗。

發明內容

鑒于上述問題，提出了本發明以便提供一種克服上述問題或者至少部分地解決上述問題的頁面顯示的方法及設備。

依據本發明的一個方面，提供了一種頁面顯示的方法，頁面包括第一圖層和與第一圖層相關聯的第二圖層，且第二圖層隱藏顯示，方法包括以下步驟：檢測用戶在頁面上的操作位置，當操作位置從第一圖層的范圍之外進入第一圖層的范圍之內時，觸發在第一圖層之上疊加顯示第二圖層；逐步改變第二圖層的位置，直到第二圖層的位置達到第一圖層范圍內的第一預定位置為止；使第二圖層停止移動達第一預定時間；以及將第二圖層的位置從第一預定位置設置為第一圖層之上的第二預定位置。

可選地，第二圖層處于位于第一圖層的底部的不可見區域中來隱藏顯示。

可選地，用戶在頁面上的操作位置從第一圖層的范圍之外進入第一圖層的范圍之內通過將光標滑動到第一圖層上和/或點擊第一圖層來實現。

可選地，第一預定位置和第二預定位置分別位于第一圖層上的兩個不同的位置。

可選地，在將第二圖層從第一預定位置移動至第一圖層之上的第二預定位置的步驟之后，方法還包括：當用戶在頁面上的操作離開第一圖層時，隱藏第二圖層。

根據本發明的另一個方面，提供了一種頁面顯示的設備，頁面包括第一圖層和與第一圖層相關聯的第二圖層，而且第二圖層隱藏顯示，設備包括：檢測模塊，用于檢測用戶在頁面上的操作位置，當操作位置從第一圖層的范圍之外進入第一圖層的范圍之內時，發送觸發在第一圖層之上疊加顯示第二圖層的消息；以及第二圖層呈現模塊，在接收到檢測模塊發送的觸發消息之后，適于逐步改變第二圖層的位置，直到第二圖層的位置達到第一圖層范圍內的第一預定位置為止，使第二圖層停止移動達第一預定時間，以及將第二圖層的位置從第一預定位置設置為第一圖層之上的第二預定位置。

根據本發明的頁面顯示的方法及設備，首先逐步改變第二圖層的位置，然后當第二圖層的位置達到第一圖層范圍內的第一預定位置時，使第二圖層停止移動達第一預定時間，最后將第二圖層的位置從第一預定位置設置為第一圖層之上的第二預定位置，通過增加疊加顯示中的中間過度過程，即當第二圖層的位置達到第一圖層范圍內的第一預定位置時，使第二圖層停止移動達第一預定時間，由此降低第二圖層在第一圖層上的疊加顯示過程的跳躍性，從而改善用戶的視覺體驗。

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

附圖說明

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

圖1示出了根據本發明一個實施例的頁面顯示的方法的流程圖；以及

圖2示出了根據本發明一個實施例的頁面顯示的設備的框圖。

具體實施方式

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

隨著互聯網應用的快速發展，一些頁面交互的技術也在不斷進步，越來越多的頁面交互采用諸如CSS（Cascading?Style?Sheet，級聯樣式表），Javascript代碼等技術，以實現在網頁上呈現具有吸引力的界面。