頁面中導航元素的動態(tài)展示方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，具體涉及一種頁面中導航元素的動態(tài)展示方法和裝 置。
【背景技術(shù)】
[0002] 隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，目前出現(xiàn)了許多內(nèi)容豐富的網(wǎng)頁頁面，在頁面中設 置有引導用戶瀏覽的導航元素，然而在現(xiàn)有技術(shù)中，這些導航元素多以靜態(tài)的方式作為一 種表意的形式。用戶通過鼠標在頁面上瀏覽頁面內(nèi)容時，會因為沒有其他比較感興趣的內(nèi) 容，而退出頁面瀏覽，導致用戶的流失率較高，頁面的瀏覽量降低。

【發(fā)明內(nèi)容】

[0003] 鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上 述問題的頁面中導航元素的動態(tài)展示方法和和相應的頁面中導航元素的動態(tài)展示裝置。
[0004] 根據(jù)本發(fā)明的一個方面，提供了一種頁面中導航元素的動態(tài)展示方法，導航元素 預先綁定有第一觸發(fā)事件，該方法包括：
[0005] 檢測輸入設備在頁面中的位置；
[0006]當檢測到輸入設備移入屬于導航元素的區(qū)域時，觸發(fā)第一觸發(fā)事件，為導航元素 添加并運行實現(xiàn)動畫效果的類；
[0007] 在實現(xiàn)動畫效果的類運行完畢后，對輸入設備的后續(xù)操作進行響應。
[0008] 根據(jù)本發(fā)明的另一方面，提供了一種頁面中導航元素的動態(tài)展示裝置，導航元素 預先綁定有第一觸發(fā)事件，該裝置包括：
[0009] 檢測模塊，適于檢測輸入設備在頁面中的位置；
[0010] 觸發(fā)模塊，適于當檢測到輸入設備移入屬于導航元素的區(qū)域時，觸發(fā)第一觸發(fā)事 件；
[0011] 運行模塊，適于在觸發(fā)第一觸發(fā)事件后，為導航元素添加并運行實現(xiàn)動畫效果的 類；
[0012] 響應模塊，適于在實現(xiàn)動畫效果的類運行完畢后，對輸入設備的后續(xù)操作進行響 應。
[0013] 根據(jù)本發(fā)明提供的方案，通過檢測輸入設備在頁面中的位置，當檢測到輸入設備 移入屬于導航元素的區(qū)域時，觸發(fā)第一觸發(fā)事件，為導航元素添加并運行實現(xiàn)動畫效果的 類，在實現(xiàn)動畫效果的類運行完畢后，對輸入設備的后續(xù)操作進行響應。本發(fā)明通過為導航 元素添加實現(xiàn)動畫效果的類，使得導航元素由靜態(tài)展示轉(zhuǎn)換為動態(tài)展示，吸引用戶進行深 層點擊，提高了頁面瀏覽量。
[0014] 上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段， 而可依照說明書的內(nèi)容予以實施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠 更明顯易懂，以下特舉本發(fā)明的【具體實施方式】。
【附圖說明】
[0015] 通過閱讀下文優(yōu)選實施方式的詳細描述，各種其他的優(yōu)點和益處對于本領(lǐng)域普通 技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認為是對本發(fā)明 的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：
[0016] 圖1示出了根據(jù)本發(fā)明一個實施例的頁面中導航元素的動態(tài)展示方法的流程圖；
[0017] 圖2示出了根據(jù)本發(fā)明另一個實施例的頁面中導航元素的動態(tài)展示方法的流程 圖；
[0018] 圖3示出了根據(jù)本發(fā)明另一個實施例的頁面中導航元素的動態(tài)展示方法的流程 圖；
[0019] 圖4示出了根據(jù)本發(fā)明一個實施例的頁面中導航元素的動態(tài)展示裝置的結(jié)構(gòu)框 圖；
[0020] 圖5示出了根據(jù)本發(fā)明另一個實施例的頁面中導航元素的動態(tài)展示裝置的結(jié)構(gòu) 框圖。
【具體實施方式】
[0021] 下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開 的示例性實施例，然而應當理解，可以以各種形式實現(xiàn)本公開而不應被這里闡述的實施例 所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍 完整的傳達給本領(lǐng)域的技術(shù)人員。
[0022] 圖1示出了根據(jù)本發(fā)明一個實施例的頁面中導航元素的動態(tài)展示方法的流程圖。 其中，導航元素預先綁定有第一觸發(fā)事件和第二觸發(fā)事件。如圖1所示，該方法包括以下步 驟：
[0023] 步驟S100,檢測輸入設備在頁面中的位置。
[0024] 可選地，輸入設備可以是鼠標。用戶在瀏覽頁面內(nèi)容時，可以通過滑動鼠標移動到 用戶想要瀏覽的具體的頁面內(nèi)容位置處。通過實時檢測鼠標在頁面中的位置，來檢測鼠標 是否位于導航元素的區(qū)域中。
[0025] 步驟S110,當檢測到輸入設備移入屬于導航元素的區(qū)域時，觸發(fā)第一觸發(fā)事件，為 導航元素添加并運行實現(xiàn)動畫效果的類。
[0026] 具體地，導航元素主要用于引導用戶瀏覽頁面內(nèi)容。第一觸發(fā)事件為mouseover 事件，當鼠標指針移入屬于導航元素的區(qū)域時，觸發(fā)mouseover事件，為導航元素添加并運 行實現(xiàn)動畫效果的類，主要是在腳本代碼中添加一函數(shù)，并將該函數(shù)與mouseover事件綁 定，當發(fā)生mouseover事件時，就運行該函數(shù)。
[0027] 步驟S120,在實現(xiàn)動畫效果的類運行完畢后，對輸入設備的后續(xù)操作進行響應。
[0028] 在步驟S110中的動畫效果的類運行完畢后，用戶一般會進行兩種操作：第一，點 擊導航元素瀏覽更多頁面內(nèi)容；第二，鼠標離開導航元素，瀏覽頁面其他內(nèi)容。根據(jù)用戶操 作輸入設備的動作進行相應的響應。
[0029] 根據(jù)本發(fā)明上述實施例提供的方法，通過檢測輸入設備在頁面中的位置，當檢測 到輸入設備移入屬于導航元素的區(qū)域時，觸發(fā)第一觸發(fā)事件，為導航元素添加并運行實現(xiàn) 動畫效果的類，在實現(xiàn)動畫效果的類運行完畢后，對輸入設備的后續(xù)操作進行響應。本發(fā)明 通過為導航元素添加實現(xiàn)動畫效果的類，使得導航元素由靜態(tài)展示轉(zhuǎn)換為動態(tài)展示，吸引 用戶進行深層點擊，提高了頁面瀏覽量。
[0030] 圖2示出了根據(jù)本發(fā)明另一個實施例的頁面中導航元素的動態(tài)展示方法的流程 圖。其中，導航元素預先綁定有第一觸發(fā)事件。本實施例在檢測到輸入設備移入屬于導航 元素的區(qū)域時，觸發(fā)第一觸發(fā)事件，為導航元素添加并運行實現(xiàn)動畫效果的類，以及在導航 元素的相鄰位置添加指示符，并在實現(xiàn)動畫效果的類運行完畢后，檢測到輸入設備在屬于 導航元素的區(qū)域內(nèi)的點擊事件后，以新的標簽頁加載展示導航元素的鏈接內(nèi)容。如圖2所 示，該方法包括以下步驟：