專利名稱:一種頁面顯示方法及顯示裝置的制作方法
技術(shù)領(lǐng)域:
本發(fā)明涉及計算機(jī)應(yīng)用領(lǐng)域,尤其涉及一種頁面顯示方法及顯示裝置。
背景技術(shù):
近年來互聯(lián)網(wǎng)技術(shù)快速發(fā)展,互聯(lián)網(wǎng)包含了豐富的信息資源,越來越多的用戶開始通過瀏覽網(wǎng)頁來獲取信息。由于網(wǎng)頁包含的信息量大,在用戶瀏覽網(wǎng)頁時,經(jīng)常會發(fā)現(xiàn)有很多頁面的頁面信息多、頁面長度長,因此若用戶瀏覽到頁面下方時需要長時間滾動鼠標(biāo)輪或長時間按住滾動條才能返回到頁面頂部,導(dǎo)致用戶的體驗感較差。
發(fā)明內(nèi)容
本發(fā)明的實施例提供一種頁面顯示方法及顯示裝置,方便用戶快速從頁面底端返回至頂端。為達(dá)到上述目的,本發(fā)明的實施例采用如下技術(shù)方案:一方面,本發(fā)明提供一種頁面顯示方法,其特征在于,包括:接收用戶在當(dāng)前頁面規(guī)定區(qū)域輸入的跳轉(zhuǎn)指令;根據(jù)所述跳轉(zhuǎn)指令,從所述當(dāng)前顯示頁面的頂端重新顯示所述當(dāng)前顯示頁面,使得所述頁面跳轉(zhuǎn)至頂端。另一方面,本發(fā)明提供一種頁面顯示裝置,其特征在于,包括:顯示單元,用于顯示頁面;接收單元,用于接收用戶在當(dāng)前頁面規(guī)定區(qū)域輸入的跳轉(zhuǎn)指令;處理單元,用于根據(jù)所述跳轉(zhuǎn)指令,從所述當(dāng)前顯示頁面的頂端重新顯示所述當(dāng)前顯示頁面,使得所述頁面跳轉(zhuǎn)至頂端。本發(fā)明提供的頁面顯示控制方法及裝置,在接收用戶在當(dāng)前頁面規(guī)定區(qū)域輸入的跳轉(zhuǎn)指令之后,根據(jù)所述跳轉(zhuǎn)指令,從當(dāng)前顯示頁面的頂端重新顯示該當(dāng)前顯示頁面,使得該頁面跳轉(zhuǎn)至頂端。通過該方案,就避免了用戶在瀏覽到頁面下方時需要長時間滾動鼠標(biāo)輪或長時間按住滾動條才能返回到頁面頂部的情況,提升了用戶體驗感。
為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案,下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實施例,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動的前提下,還可以根據(jù)這些附圖獲得其他的附圖。圖1為較長頁面的頂端示意圖;圖2為較長頁面的底端示意圖;圖3為本發(fā)明實施例提供的頁面顯示方法流程示意圖;圖4為本發(fā)明實施例提供的頁面顯示裝置的結(jié)構(gòu)示意圖。
具體實施例方式下面將結(jié)合本發(fā)明實施例中的附圖,對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述,顯然,所描述的實施例僅僅是本發(fā)明一部分實施例,而不是全部的實施例?;诒景l(fā)明中的實施例,本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例,都屬于本發(fā)明保護(hù)的范圍。下面根據(jù)圖1至圖3對本發(fā)明實施例提供的頁面顯示方法進(jìn)行說明。其中,圖1為較長頁面的頂端示意圖;圖2為較長頁面的底端示意圖;圖3為本發(fā)明實施例提供的頁面顯示方法流程示意圖。用戶打開一個新的頁面,由于該頁面包含的信息量過大,因此該頁面會很長,會如圖1所示,由于頁面較長,因此用戶需按住下拉位于頁面一側(cè)的滾動條I,或滾動鼠標(biāo)輪向下瀏覽頁面。然而,當(dāng)用戶瀏覽到頁面底端時,如圖2所示,滾動條I位于最底端,在當(dāng)前頁面的右下方顯示有“返回頂端”按鈕。若用戶想返回當(dāng)前顯示頁面的頂端進(jìn)行操作,則可以通過單擊位于當(dāng)前頁面右下角的“返回頂端”按鈕以返回頁面頂部。此時,本實施例提供的頁面顯示方法,如圖3所示,包括:S301、顯示裝置接收用戶在當(dāng)前頁面規(guī)定區(qū)域輸入的跳轉(zhuǎn)指令。當(dāng)用戶想要返回當(dāng)前頁面的頂部,則可以在該頁面的規(guī)定區(qū)域輸入跳轉(zhuǎn)指令,例如,單擊或雙擊鼠標(biāo)左鍵。那么顯示裝置便能夠接受到用戶輸入的跳轉(zhuǎn)指令,例如,接收用戶在當(dāng)前頁面規(guī)定區(qū)域單擊或雙擊鼠標(biāo)左鍵以輸入的跳轉(zhuǎn)指令。需要說明的是,該“返回頂端”按鈕位于頁面右下角只是舉例說明,其可以位于當(dāng)前頁面的任意規(guī)定區(qū)域。而且不僅可以是按鈕,可單擊觸發(fā)的鏈接也可以。S302、根據(jù)跳轉(zhuǎn)指令,從當(dāng)前顯示頁面的頂端重新顯示當(dāng)前顯示頁面,使得該頁面跳轉(zhuǎn)至頂端。即本實施例中,用戶點(diǎn)擊“返回頂端”按鈕后,頁面從圖2所示內(nèi)容直接跳轉(zhuǎn)為圖1所示內(nèi)容,由此,該頁面從頁面的底部跳轉(zhuǎn)至頁面頂端。示例性的,為實現(xiàn)本發(fā)明所提供的頁面顯示方法,顯示裝置的顯示程序可采用如下步驟進(jìn)行編輯:創(chuàng)建div元素;div元素是用來為文本標(biāo)記語言HTML文檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素。用Jquery為新創(chuàng)建的div元素加ID屬性,并加入到body中;其中,Jquery是一個快速、簡潔的基于對象和事件驅(qū)動并具有相對安全性的客戶端腳本語言的框架,用于處理事件,制作動畫,和處理網(wǎng)頁開發(fā)的交互過程,body是用在網(wǎng)頁中的一種HTML標(biāo)簽,表示網(wǎng)頁的主體部分,也就是用戶可以看到的內(nèi)容,可以包含文本、圖片、音頻、視頻等各種內(nèi)容。監(jiān)聽滾動條事件(在接收用戶在當(dāng)前頁面規(guī)定區(qū)域輸入的跳轉(zhuǎn)指令后,根據(jù)所述跳轉(zhuǎn)指令,從當(dāng)前顯示頁面的頂端重新顯示所述當(dāng)前顯示頁面,使得頁面跳轉(zhuǎn)至頂端)。相應(yīng)的代碼可以具體為:
權(quán)利要求
1.一種頁面顯示方法,其特征在于,包括: 接收用戶在當(dāng)前頁面規(guī)定區(qū)域輸入的跳轉(zhuǎn)指令; 根據(jù)所述跳轉(zhuǎn)指令,從所述當(dāng)前顯示頁面的頂端重新顯示所述當(dāng)前顯示頁面,使得所述頁面跳轉(zhuǎn)至頂端。
2.根據(jù)權(quán)利要求1所述的頁面顯示方法,其特征在于,所述當(dāng)前頁面規(guī)定區(qū)域設(shè)有鏈接或按鈕。
3.根據(jù)權(quán)利要求1所述的頁面顯示方法,其特征在于,接收所述用戶在所述當(dāng)前頁面規(guī)定區(qū)域單擊輸入的所述跳轉(zhuǎn)指令;或者, 接收所述用戶在所述當(dāng)前頁面規(guī)定區(qū)域雙擊輸入的所述跳轉(zhuǎn)指令。
4.根據(jù)權(quán)利要求2所述的頁面顯示方法,其特征在于,所述方法還包括: 從所述當(dāng)前顯示頁面的頂端重新顯示所述當(dāng)前顯示頁面時,所述鏈接或按鈕隱藏。
5.根據(jù)權(quán)利要求1至4任一所述的頁面顯示方法,其特征在于,所述當(dāng)前頁面規(guī)定區(qū)域為當(dāng)前頁面的底端。
6.一種頁面顯示裝置,其特征在于,包括: 顯示單元,用于顯示頁面; 接收單元,用于接收用戶在當(dāng)前頁面規(guī)定區(qū)域輸入的跳轉(zhuǎn)指令; 處理單元,用于根據(jù)所述跳轉(zhuǎn)指令,從所述當(dāng)前顯示頁面的頂端重新顯示所述當(dāng)前顯示頁面,使得所述頁面跳轉(zhuǎn)至頂端。
7.根據(jù)權(quán)利要求6所述的頁面顯示裝置,其特征在于,所述顯示單元還用于顯示頁面規(guī)定區(qū)域的鏈接或按鈕。
8.根據(jù)權(quán)利要求6所述的頁面顯示裝置,其特征在于,所述接收單元用于接收所述用戶在所述當(dāng)前頁面規(guī)定區(qū)域單擊輸入的所述跳轉(zhuǎn)指令;或者, 接收所述用戶在所述當(dāng)前頁面規(guī)定區(qū)域雙擊輸入的所述跳轉(zhuǎn)指令。
9.根據(jù)權(quán)利要求7所述的頁面顯示裝置,其特征在于,所述顯示單元還用于從所述當(dāng)前顯示頁面的頂端重新顯示所述當(dāng)前顯示頁面時,隱藏所述鏈接或按鈕。
10.根據(jù)權(quán)利要求6至9任一所述的頁面顯示裝置,其特征在于,所述當(dāng)前頁面規(guī)定區(qū)域為當(dāng)前頁面的底端。
全文摘要
本發(fā)明實施例提供了一種頁面顯示控制方法及裝置,涉及計算機(jī)應(yīng)用領(lǐng)域,方便用戶快速從頁面底端返回至頂端。該頁面顯示方法,包括接收用戶在當(dāng)前頁面規(guī)定區(qū)域輸入的跳轉(zhuǎn)指令;根據(jù)所述跳轉(zhuǎn)指令,從所述當(dāng)前顯示頁面的頂端重新顯示所述當(dāng)前顯示頁面,使得所述頁面跳轉(zhuǎn)至頂端。本發(fā)明實施例用于瀏覽頁面。
文檔編號G06F17/30GK103164488SQ20111042748
公開日2013年6月19日 申請日期2011年12月19日 優(yōu)先權(quán)日2011年12月19日
發(fā)明者鄭星宬 申請人:北大方正集團(tuán)有限公司, 北京北大方正電子有限公司