[發(fā)明專利]頁面顯示的方法及設(shè)備

有效

• 申請?zhí)枺?/td>: 201210530285.0
• 申請日: 2012-12-10
• 公開（公告）號: CN103034410A
• 公開（公告）日: 2013-04-10
• 發(fā)明（設(shè)計(jì)）人: 曾軼;王海;黃歡
• 申請（專利權(quán)）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F3/0483
• 分類號: G06F3/0483;G06F3/0481;G06F3/0484;G06F9/44;G06F17/30
• 代理公司: 北京市浩天知識產(chǎn)權(quán)代理事務(wù)所 11276
• 代理人: 靳春鷹;劉云貴

1.一種頁面顯示的方法，所述頁面包括第一圖層和與所述第一圖層相關(guān)聯(lián)的第二圖層，且所述第二圖層隱藏顯示，所述方法包括步驟：

檢測用戶在頁面上的操作位置，當(dāng)所述操作位置從所述第一圖層的范圍之外進(jìn)入所述第一圖層的范圍之內(nèi)時(shí)，觸發(fā)在所述第一圖層之上疊加顯示所述第二圖層；

逐步改變所述第二圖層的位置，直到所述第二圖層的位置達(dá)到所述第一圖層范圍內(nèi)的第一預(yù)定位置為止；

使所述第二圖層停止移動(dòng)達(dá)第一預(yù)定時(shí)間；以及

將所述第二圖層的位置從所述第一預(yù)定位置設(shè)置為所述第一圖層之上的第二預(yù)定位置。

2.根據(jù)權(quán)利要求1所述的方法，其中，所述第二圖層處于位于所述第一圖層的底部的不可見區(qū)域中來隱藏顯示。

3.根據(jù)權(quán)利要求1所述的方法，其中，所述用戶在頁面上的操作位置從所述第一圖層的范圍之外進(jìn)入所述第一圖層的范圍之內(nèi)通過將光標(biāo)滑動(dòng)到所述第一圖層上和/或點(diǎn)擊所述第一圖層來實(shí)現(xiàn)。

4.根據(jù)權(quán)利要求1所述的方法，其中，所述第一預(yù)定位置和所述第二預(yù)定位置分別位于所述第一圖層上的兩個(gè)不同的位置。

5.根據(jù)權(quán)利要求1所述的方法，其中，在所述將第二圖層從所述第一預(yù)定位置移動(dòng)至所述第一圖層之上的第二預(yù)定位置的步驟之后，所述方法還包括：

當(dāng)用戶在頁面上的操作離開所述第一圖層時(shí)，隱藏所述第二圖層。

6.根據(jù)權(quán)利要求1-5中任一所述的方法，其中，

所述頁面以HTML格式編寫，所述第二圖層是所述第一圖層的子元素。

7.根據(jù)權(quán)利要求6中所述的方法，其中，

所述第一圖層和所述第二圖層為CSS圖層。

8.根據(jù)權(quán)利要求7所述的方法，其中，

所述隱藏所述第二圖層的步驟包括：將所述第二圖層絕對定位在所述第一圖層中底部的不可見區(qū)域中。

9.根據(jù)權(quán)利要求6-8中任一所述的方法，其中，所述將所述第二圖層的位置從所述第一預(yù)定位置設(shè)置為所述第一圖層之上的第二預(yù)定位置的步驟包括：

設(shè)置所述第二圖層的CSS樣式屬性，使所述第二圖層的位置屬性改變至所述第二預(yù)定位置。

10.根據(jù)權(quán)利要求6-9中任一所述的方法，所述當(dāng)用戶在頁面上的操作離開所述第一圖層時(shí)，隱藏所述第二圖層的步驟包括：

通過設(shè)置所述第二圖層的CSS樣式屬性，使所述第二圖層處于所述第一圖層下方的不可見區(qū)域。

11.一種頁面顯示的設(shè)備，所述頁面包括第一圖層和與所述第一圖層相關(guān)聯(lián)的第二圖層，而且所述第二圖層隱藏顯示，所述設(shè)備包括：

檢測模塊，用于檢測用戶在頁面上的操作位置，當(dāng)所述操作位置從所述第一圖層的范圍之外進(jìn)入所述第一圖層的范圍之內(nèi)時(shí)，發(fā)送觸發(fā)在所述第一圖層之上疊加顯示所述第二圖層的消息；以及

第二圖層呈現(xiàn)模塊，在接收到所述檢測模塊發(fā)送的觸發(fā)消息之后，適于：逐步改變所述第二圖層的位置，直到所述第二圖層的位置達(dá)到所述第一圖層范圍內(nèi)的第一預(yù)定位置為止；使第二圖層停止移動(dòng)達(dá)第一預(yù)定時(shí)間；以及將所述第二圖層的位置從所述第一預(yù)定位置設(shè)置為所述第一圖層之上的第二預(yù)定位置。

12.根據(jù)權(quán)利要求11所述的設(shè)備，其中，所述第二圖層處于位于所述第一圖層的底部的不可見區(qū)域中來隱藏顯示。

13.根據(jù)權(quán)利要求11所述的設(shè)備，其中，所述用戶在頁面上的操作位置從所述第一圖層的范圍之外進(jìn)入所述第一圖層的范圍之內(nèi)通過將光標(biāo)滑動(dòng)到所述第一圖層上以及點(diǎn)擊所述第一圖層來實(shí)現(xiàn)。

14.根據(jù)權(quán)利要求11所述的設(shè)備，其中，所述第一預(yù)定位置和所述第二預(yù)定位置分別位于所述第一圖層上的兩個(gè)不同位置。

15.根據(jù)權(quán)利要求11所述的設(shè)備，還包括隱藏模塊，用于當(dāng)用戶在頁面上的操作離開所述第一圖層時(shí)，隱藏所述第二圖層。

16.根據(jù)權(quán)利要求11-15中任一所述的設(shè)備，其中，

所述頁面以HTML格式編寫，所述第二圖層是所述第一圖層的子元素。

17.根據(jù)權(quán)利要求16中所述的設(shè)備，其中，

所述第一圖層和所述第二圖層為CSS圖層。