專利名稱：一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置和方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)頁(yè)控制裝置和方法，特別涉及一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置和方法。
背景技術(shù)：
許多網(wǎng)頁(yè)頁(yè)面上都設(shè)置有頁(yè)面工具條等頁(yè)面部件。所述頁(yè)面部件是指網(wǎng)頁(yè)上相對(duì)比較獨(dú)立的一部分，如工具條、懸浮廣告等，頁(yè)面部件一般可以在多個(gè)網(wǎng)頁(yè)頁(yè)面上隨意插入并顯示相同的表現(xiàn)效果，一般漂浮在頁(yè)面可視部位的上、下、左、右邊緣，其中集成了一個(gè)網(wǎng)站的最常用的交互功能，以方便用戶在這個(gè)網(wǎng)站的任何頁(yè)面上都可以快速使用這些功能。上述漂浮是指在網(wǎng)頁(yè)上使用一定的技術(shù)手段使網(wǎng)頁(yè)頁(yè)面的某一部分固定顯示在頁(yè)面可視區(qū)域的指定位置，當(dāng)頁(yè)面翻動(dòng)的時(shí)候懸浮的部件不會(huì)隨頁(yè)面的翻動(dòng)而移動(dòng)位置。
現(xiàn)在一般的網(wǎng)站通常采用兩種方式實(shí)現(xiàn)工具條和其它頁(yè)面部件的懸浮功能。一種方式是采用活動(dòng)腳本技術(shù)，在頁(yè)面滾動(dòng)之后重新計(jì)算頁(yè)面部件的位置并將頁(yè)面部件移動(dòng)到正確的位置。這種方式制作的工具條雖然可以很方便的插入各種頁(yè)面上實(shí)現(xiàn)懸浮效果，但是在頁(yè)面翻動(dòng)(比如用戶滾動(dòng)鼠標(biāo)滾輪)的時(shí)候需要用腳本不停的重新定位頁(yè)面部件的位置，造成的實(shí)際效果是頁(yè)面部件在頁(yè)面上快速地跳動(dòng)，一方面用戶感受非常難受，另一方面瀏覽器重新定位頁(yè)面部件所進(jìn)行的計(jì)算量很大，浪費(fèi)了用戶的很多計(jì)算機(jī)資源，造成用戶的計(jì)算機(jī)響應(yīng)變慢。還有一種方式是采用框架技術(shù)固定。在這種方式下，整個(gè)網(wǎng)站都需要采用通用的框架結(jié)構(gòu)設(shè)計(jì)，每個(gè)頁(yè)面都預(yù)留好頁(yè)面部件的位置。這種方式雖然可以很好地避免頁(yè)面跳動(dòng)和cpu(中央處理器)占用的問題，但是導(dǎo)致整個(gè)網(wǎng)站所有需要顯示工具條的頁(yè)面都要以框架方式加以設(shè)計(jì)，無(wú)法隨意地將工具條部件添加到一個(gè)頁(yè)面上，制作出來的網(wǎng)頁(yè)很單調(diào)。

發(fā)明內(nèi)容
本發(fā)明的目的在于提供一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置和方法，使得用戶在使用滾動(dòng)條或鼠標(biāo)翻動(dòng)頁(yè)面時(shí)，頁(yè)面部件被隱藏。
本發(fā)明解決其技術(shù)問題所采用的技術(shù)方案是一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置，包括屬性修改模塊，其用于在獲得頁(yè)面滾動(dòng)請(qǐng)求時(shí)將頁(yè)面部件的顯示屬性修改為隱藏，當(dāng)頁(yè)面停止?jié)L動(dòng)后將所述頁(yè)面部件的顯示屬性修改為顯示。
進(jìn)一步的，本發(fā)明一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置還包括位置計(jì)算模塊，其用于在頁(yè)面停止?jié)L動(dòng)后計(jì)算所述頁(yè)面部件在頁(yè)面上的顯示位置，并將計(jì)算結(jié)果發(fā)送到所述屬性修改模塊；相應(yīng)的，所述屬性修改模塊還用于根據(jù)所述位置計(jì)算模塊的輸出修改所述頁(yè)面部件的位置屬性。
作為本發(fā)明的一個(gè)改進(jìn)，本發(fā)明一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置還可以包括定時(shí)器，其用于根據(jù)所述屬性修改模塊的指令啟動(dòng)，并在定時(shí)結(jié)束后向所述屬性修改模塊發(fā)送結(jié)束信號(hào)；相應(yīng)的，所述屬性修改模塊還用于在獲得頁(yè)面滾動(dòng)請(qǐng)求時(shí)向所述定時(shí)器發(fā)送定時(shí)設(shè)定指令，設(shè)定所述定時(shí)器的定時(shí)時(shí)間并啟動(dòng)定時(shí)器，在接收到所述定時(shí)器的結(jié)束信號(hào)后查詢所述頁(yè)面是否停止?jié)L動(dòng)，如果已經(jīng)停止?jié)L動(dòng)，則將所述頁(yè)面部件的顯示屬性修改為顯示，否則再次向所述定時(shí)器發(fā)送定時(shí)設(shè)定指令。
本發(fā)明還提供了一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法，包括以下步驟(a)，屬性修改模塊獲得頁(yè)面滾動(dòng)請(qǐng)求時(shí)將頁(yè)面部件的顯示屬性修改為隱藏；(b)，所述屬性修改模塊判斷頁(yè)面滾動(dòng)是否結(jié)束，如果已經(jīng)結(jié)束，執(zhí)行步驟(c)；(c)，所述屬性修改模塊將所述頁(yè)面部件的顯示屬性修改為顯示。
進(jìn)一步的，本發(fā)明一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法的步驟(c)包括步驟(c1)，所述屬性修改模塊向位置計(jì)算模塊發(fā)送信息；(c2)，所述計(jì)算模塊計(jì)算頁(yè)面部件在頁(yè)面上的顯示位置，并將計(jì)算結(jié)果發(fā)送到所述屬性修改模塊；(c3)，所述屬性修改模塊根據(jù)所述計(jì)算模塊的輸出修改所述頁(yè)面部件的位置屬性，同時(shí)將所述頁(yè)面部件的顯示屬性修改為顯示。
作為本發(fā)明方法的一個(gè)改進(jìn)，步驟(b)進(jìn)一步的包括步驟(b1)，所述屬性修改模塊向定時(shí)器發(fā)送定時(shí)設(shè)定指令，設(shè)定所述定時(shí)器的定時(shí)時(shí)間并啟動(dòng)定時(shí)器；(b2)，所述定時(shí)器開始計(jì)時(shí)，并在定時(shí)時(shí)間結(jié)束后向所述屬性修改模塊發(fā)送結(jié)束信號(hào)；(b3)，所述屬性修改模塊判斷所述頁(yè)面是否停止?jié)L動(dòng)，如果已經(jīng)停止?jié)L動(dòng)，則執(zhí)行步驟(c)，否則執(zhí)行步驟(b1)。
作為本發(fā)明方法的另一個(gè)改進(jìn)，步驟(c)中，所述屬性修改模塊將所述頁(yè)面部件的顯示屬性修改為漸變顯示。
進(jìn)一步的，步驟(b)中，判斷頁(yè)面是否停止?jié)L動(dòng)的方法可以是所述屬性修改模塊判斷顯示模塊是否被調(diào)用，如果是，則認(rèn)為頁(yè)面已經(jīng)停止?jié)L動(dòng)，否則認(rèn)為頁(yè)面仍然處于滾動(dòng)狀態(tài)。
本發(fā)明的有益效果在于①采用活動(dòng)腳本技術(shù)，可以根據(jù)產(chǎn)品需要，方便地在已有的頁(yè)面上添加頁(yè)面部件而不破壞原有的頁(yè)面結(jié)構(gòu)；②在頁(yè)面滾動(dòng)的過程隱藏頁(yè)面部件，避免了頁(yè)面部件跳動(dòng)問題，改善用戶的瀏覽感受。③采用定時(shí)器計(jì)時(shí)，只有當(dāng)頁(yè)面停止?jié)L動(dòng)后才開始重新定位頁(yè)面部件，不會(huì)大量浪費(fèi)用戶的計(jì)算機(jī)資源。


圖1是本發(fā)明一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置的結(jié)構(gòu)示意圖。
圖2是本發(fā)明一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法的流程圖。
具體實(shí)施例方式
下面根據(jù)附圖和具體實(shí)施例對(duì)本發(fā)明作進(jìn)一步闡述。
本發(fā)明中，網(wǎng)頁(yè)頁(yè)面上的工具條和其它頁(yè)面部件都是采用活動(dòng)腳本技術(shù)實(shí)現(xiàn)懸浮功能的。
如圖1所示，本發(fā)明一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置包括屬性修改模塊1、位置計(jì)算模塊2和定時(shí)器3。
其中，屬性修改模塊1的功能是在獲得頁(yè)面滾動(dòng)請(qǐng)求時(shí)將頁(yè)面部件的顯示屬性修改為隱藏(即將頁(yè)面部件的透明度設(shè)置為100)，同時(shí)設(shè)定定時(shí)器3的定時(shí)時(shí)間并啟動(dòng)定時(shí)器3，在定時(shí)器3計(jì)時(shí)結(jié)束時(shí)判斷頁(yè)面是否已經(jīng)停止?jié)L動(dòng)，如果已經(jīng)停止，則通知位置計(jì)算模塊2開始計(jì)算當(dāng)前頁(yè)面部件應(yīng)當(dāng)在顯示區(qū)域上顯示的位置，并根據(jù)位置計(jì)算模塊2返回的結(jié)果修改上述頁(yè)面部件的位置屬性，同時(shí)將對(duì)應(yīng)頁(yè)面部件的顯示屬性修改為顯示。
位置計(jì)算模塊2的功能是在頁(yè)面停止?jié)L動(dòng)后重新定位對(duì)應(yīng)頁(yè)面部件在顯示區(qū)域上的位置，即頁(yè)面部件相對(duì)于當(dāng)前網(wǎng)頁(yè)頁(yè)面的位置坐標(biāo)，并將計(jì)算結(jié)果發(fā)送到屬性修改模塊1。
定時(shí)器3的功能是根據(jù)屬性修改模塊1的指令啟動(dòng)一個(gè)特定時(shí)間的定時(shí)事件，如定時(shí)一秒或兩秒。
在本發(fā)明的較佳實(shí)施例中，屬性修改模塊1在用戶停止?jié)L動(dòng)頁(yè)面后將頁(yè)面部件的顯示屬性修改為漸變顯示，以使得頁(yè)面部件的出現(xiàn)不太突兀。在本發(fā)明的其它實(shí)施例中，也可不設(shè)置定時(shí)器3。在本發(fā)明的其它實(shí)施例中，所述屬性修改模塊1的功能和位置計(jì)算模塊2的功能可由一個(gè)模塊來實(shí)現(xiàn)。
如圖2所示，本發(fā)明一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法包括步驟S1，用戶使用滾動(dòng)條或鼠標(biāo)或鍵盤滾動(dòng)翻閱網(wǎng)頁(yè)頁(yè)面，屬性修改模塊1獲得頁(yè)面滾動(dòng)請(qǐng)求，將頁(yè)面部件的顯示屬性修改為隱藏。
S2，屬性修改模塊1向定時(shí)器3發(fā)送定時(shí)設(shè)定指令，設(shè)定定時(shí)器3的定時(shí)時(shí)間并啟動(dòng)定時(shí)器3。
S3，定時(shí)器3開始計(jì)時(shí)，并在定時(shí)時(shí)間結(jié)束后向?qū)傩孕薷哪K1發(fā)送結(jié)束信號(hào)。
S4，屬性修改模塊1判斷對(duì)應(yīng)頁(yè)面是否停止?jié)L動(dòng)，如果已經(jīng)停止?jié)L動(dòng)，則執(zhí)行步驟S5，否則執(zhí)行步驟S2。上述判斷對(duì)應(yīng)頁(yè)面是否停止?jié)L動(dòng)的方法可以是判斷顯示模塊是否被調(diào)用，如果是，則認(rèn)為頁(yè)面已經(jīng)停止?jié)L動(dòng)，否則認(rèn)為頁(yè)面仍然處于滾動(dòng)狀態(tài)。
S5，屬性修改模塊1向位置計(jì)算模塊2發(fā)送信息，通知位置計(jì)算模塊2重新定位頁(yè)面部件。
S6，計(jì)算模塊計(jì)算頁(yè)面部件在頁(yè)面上的顯示位置，并將計(jì)算結(jié)果發(fā)送給屬性修改模塊1。
S7，屬性修改模塊1根據(jù)所述計(jì)算模塊的輸出修改所述頁(yè)面部件的位置屬性，同時(shí)將頁(yè)面部件的顯示屬性修改為漸變顯示。
在本發(fā)明的其它實(shí)施例中，上述步驟S5中，當(dāng)屬性修改模塊1得知頁(yè)面已經(jīng)停止?jié)L動(dòng)后，可在通知位置計(jì)算模塊2重新定位頁(yè)面部件的同時(shí)將所述頁(yè)面部件的顯示屬性修改為顯示或漸變顯示，由于位置計(jì)算模塊2的計(jì)算非常迅速，用戶并不會(huì)因此而感覺到頁(yè)面部件在顯示的瞬間出現(xiàn)的重定位(移動(dòng))。在本發(fā)明的其它實(shí)施例中，所述屬性修改模塊1的功能和位置計(jì)算模塊2的功能可由一個(gè)模塊來實(shí)現(xiàn)。
這樣，每當(dāng)用戶開始使用滾動(dòng)條或鼠標(biāo)或鍵盤滾動(dòng)翻閱網(wǎng)頁(yè)頁(yè)面時(shí)，頁(yè)面上的頁(yè)面部件就會(huì)自動(dòng)隱藏起來，直到頁(yè)面滾動(dòng)結(jié)束后才顯示。應(yīng)此，本發(fā)明在頁(yè)面滾動(dòng)的過程中避免了頁(yè)面部件跳動(dòng)的問題，改善了用戶的瀏覽感受。同時(shí)，由于設(shè)定了定時(shí)器3，只有當(dāng)定時(shí)器3定時(shí)結(jié)束后屬性修改模塊1才會(huì)檢測(cè)頁(yè)面滾動(dòng)是否結(jié)束，只有當(dāng)頁(yè)面滾動(dòng)結(jié)束了，位置計(jì)算模塊2才會(huì)重新定位頁(yè)面部件的位置。因此，不會(huì)由于頁(yè)面部件的頻繁重新定位浪費(fèi)用戶計(jì)算機(jī)資源，不會(huì)造成用戶的計(jì)算機(jī)響應(yīng)變慢。另外，由于本發(fā)明是采用活動(dòng)腳本技術(shù)來實(shí)現(xiàn)頁(yè)面部件的懸浮功能的，因此網(wǎng)站設(shè)計(jì)者可以根據(jù)產(chǎn)品需要，方便地往已有的頁(yè)面上添加頁(yè)面部件而不破壞原有的頁(yè)面結(jié)構(gòu)。
以上所述僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明，對(duì)于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的權(quán)利要求范圍之內(nèi)。
權(quán)利要求
1.一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置，其特征在于，包括屬性修改模塊，其用于在獲得頁(yè)面滾動(dòng)請(qǐng)求時(shí)將頁(yè)面部件的顯示屬性修改為隱藏，當(dāng)頁(yè)面停止?jié)L動(dòng)后將所述頁(yè)面部件的顯示屬性修改為顯示。
2.根據(jù)權(quán)利要求1所述的一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置，其特征在于還包括位置計(jì)算模塊，其用于在頁(yè)面停止?jié)L動(dòng)后計(jì)算所述頁(yè)面部件在頁(yè)面上的顯示位置，并將計(jì)算結(jié)果發(fā)送到所述屬性修改模塊；所述屬性修改模塊還用于根據(jù)所述位置計(jì)算模塊的輸出修改所述頁(yè)面部件的位置屬性。
3.根據(jù)權(quán)利要求1或2所述的一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置，其特征在于還包括定時(shí)器，其用于根據(jù)所述屬性修改模塊的指令啟動(dòng)，并在定時(shí)結(jié)束后向所述屬性修改模塊發(fā)送結(jié)束信號(hào)；所述屬性修改模塊還用于在獲得頁(yè)面滾動(dòng)請(qǐng)求時(shí)向所述定時(shí)器發(fā)送定時(shí)設(shè)定指令，設(shè)定所述定時(shí)器的定時(shí)時(shí)間并啟動(dòng)定時(shí)器，在接收到所述定時(shí)器的結(jié)束信號(hào)后查詢所述頁(yè)面是否停止?jié)L動(dòng)，如果已經(jīng)停止?jié)L動(dòng)，則將所述頁(yè)面部件的顯示屬性修改為顯示，否則再次向所述定時(shí)器發(fā)送定時(shí)設(shè)定指令。
4.一種基于權(quán)利要求1所述的網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法，其特征在于，包括以下步驟(a)，屬性修改模塊獲得頁(yè)面滾動(dòng)請(qǐng)求時(shí)將頁(yè)面部件的顯示屬性修改為隱藏；(b)，所述屬性修改模塊判斷頁(yè)面滾動(dòng)是否結(jié)束，如果已經(jīng)結(jié)束，執(zhí)行步驟(c)；(c)，所述屬性修改模塊將所述頁(yè)面部件的顯示屬性修改為顯示。
5.根據(jù)權(quán)利要求4所述的一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法，其特征在于，步驟(c)進(jìn)一步包括步驟(c1)，所述屬性修改模塊向位置計(jì)算模塊發(fā)送信息；(c2)，所述計(jì)算模塊計(jì)算頁(yè)面部件在頁(yè)面上的顯示位置，并將計(jì)算結(jié)果發(fā)送到所述屬性修改模塊；(c3)，所述屬性修改模塊根據(jù)所述計(jì)算模塊的輸出修改所述頁(yè)面部件的位置屬性，同時(shí)將所述頁(yè)面部件的顯示屬性修改為顯示。
6.根據(jù)權(quán)利要求4或5所述的一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法，其特征在于，步驟(b)進(jìn)一步包括步驟(b1)，所述屬性修改模塊向定時(shí)器發(fā)送定時(shí)設(shè)定指令，設(shè)定所述定時(shí)器的定時(shí)時(shí)間并啟動(dòng)定時(shí)器；(b2)，所述定時(shí)器開始計(jì)時(shí)，并在定時(shí)時(shí)間結(jié)束后向所述屬性修改模塊發(fā)送結(jié)束信號(hào)；(b3)，所述屬性修改模塊判斷所述頁(yè)面是否停止?jié)L動(dòng)，如果已經(jīng)停止?jié)L動(dòng)，則執(zhí)行步驟(c)，否則執(zhí)行步驟(b1)。
7.根據(jù)權(quán)利要求6所述的一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法，其特征在于步驟(c)中，所述屬性修改模塊將所述頁(yè)面部件的顯示屬性修改為漸變顯示。
8.根據(jù)權(quán)利要求6所述的一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法，其特征在于，步驟(b)中，判斷頁(yè)面是否停止?jié)L動(dòng)的方法是所述屬性修改模塊判斷顯示模塊是否被調(diào)用，如果是，則認(rèn)為頁(yè)面已經(jīng)停止?jié)L動(dòng)，否則認(rèn)為頁(yè)面仍然處于滾動(dòng)狀態(tài)。
全文摘要
本發(fā)明公開了一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)裝置，包括屬性修改模塊，其用于在獲得頁(yè)面滾動(dòng)請(qǐng)求時(shí)將頁(yè)面部件的顯示屬性修改為隱藏，當(dāng)頁(yè)面停止?jié)L動(dòng)后將所述頁(yè)面部件的顯示屬性修改為顯示。本發(fā)明還公開了一種網(wǎng)頁(yè)頁(yè)面部件隱現(xiàn)方法。本發(fā)明的有益效果在于①采用活動(dòng)腳本技術(shù)，可以根據(jù)產(chǎn)品需要，方便地在已有的頁(yè)面上添加頁(yè)面部件而不破壞原有的頁(yè)面結(jié)構(gòu)；②在頁(yè)面滾動(dòng)的過程隱藏頁(yè)面部件，避免了頁(yè)面部件跳動(dòng)問題，改善用戶的瀏覽感受。③采用定時(shí)器計(jì)時(shí)，只有當(dāng)頁(yè)面停止?jié)L動(dòng)后才開始重新定位頁(yè)面部件，不會(huì)大量浪費(fèi)用戶的計(jì)算機(jī)資源。
文檔編號(hào)G06F17/30GK101078966SQ200610062708
公開日2007年11月28日 申請(qǐng)日期2006年9月20日 優(yōu)先權(quán)日2006年9月20日
發(fā)明者林松濤, 張貝楠, 黃希彤 申請(qǐng)人:騰訊科技(深圳)有限公司