本發(fā)明屬于互聯(lián)網(wǎng)領(lǐng)域，具體地說，涉及一種圖片展示方法和裝置。

背景技術(shù)：

瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或者文件系統(tǒng)的HTML(超文本標(biāo)記語言，HyperText Mark-up Language)文件內(nèi)容，并讓用戶與這些文件交互的一種軟件。網(wǎng)頁瀏覽器主要通過HTTP協(xié)議與網(wǎng)頁服務(wù)器交互并獲取網(wǎng)頁，這些網(wǎng)頁由URL(統(tǒng)一資源定位符，Uniform Resource Locator)指定，文件格式通常為HTML。一個(gè)網(wǎng)頁中可以包括多個(gè)文檔，每個(gè)文檔都是分別從服務(wù)器獲取的。HTTP內(nèi)容類型和URL協(xié)議規(guī)范允許網(wǎng)頁設(shè)計(jì)在網(wǎng)頁中嵌入圖片、視頻等。

在互聯(lián)網(wǎng)網(wǎng)頁中，圖片被越來越多的用來展示網(wǎng)頁內(nèi)容。現(xiàn)有的網(wǎng)頁中，圖片通常以平鋪的方式直接在網(wǎng)頁中顯示，或者以圖集的方式集中顯示在網(wǎng)頁中的某個(gè)區(qū)域。上述展示方式只是單純的進(jìn)行直接展示，與用戶在網(wǎng)頁中的瀏覽行為和關(guān)注點(diǎn)無關(guān)，缺乏與用戶瀏覽網(wǎng)頁過程的互動(dòng)。

技術(shù)實(shí)現(xiàn)要素：

有鑒于此，本申請(qǐng)?zhí)峁┝艘环N圖片展示方法和裝置，解決了網(wǎng)頁圖片的展示與用戶的瀏覽行為之間缺乏互動(dòng)的技術(shù)問題。

為了解決上述技術(shù)問題，本申請(qǐng)公開了一種圖片展示方法，包括：在網(wǎng)頁中展示預(yù)設(shè)元素，與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片處于隱藏狀態(tài)，所述預(yù)設(shè)元素是用于展示所述至少一張圖片的交互式頁面元素；檢測(cè)到針對(duì)所述預(yù)設(shè)元素的接觸操作后，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

所述檢測(cè)到針對(duì)所述預(yù)設(shè)元素的接觸操作后，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片包括：檢測(cè)到所述接觸操作時(shí)觸發(fā)計(jì)時(shí)器計(jì)算第一延時(shí)；當(dāng)所述第一延時(shí)大于第一預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片；或者，檢測(cè)到所述接觸操作已結(jié)束時(shí)觸發(fā)計(jì)時(shí)器計(jì)算第二延時(shí)；當(dāng)所述第二延時(shí)大于第二預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片；或者，檢測(cè)到所述接觸操作是持續(xù)的接觸操作時(shí)，觸發(fā)計(jì)時(shí)器計(jì)算所述接觸操作的第一持續(xù)時(shí)長(zhǎng)；當(dāng)所述接觸操作的第一持續(xù)時(shí)長(zhǎng)大于第三預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

所述在網(wǎng)頁中展示預(yù)設(shè)元素，與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片處于隱藏狀態(tài)包括：將所述至少一張圖片設(shè)置在所述預(yù)設(shè)元素的下一層，并被所述預(yù)設(shè)元素所遮蓋；所述檢測(cè)到針對(duì)所述預(yù)設(shè)元素的接觸操作后，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片包括：移動(dòng)所述至少一張圖片至所述預(yù)設(shè)元素周圍的展示位置進(jìn)行展示，其中所述展示位置在所述預(yù)設(shè)元素的同一層。

所述在網(wǎng)頁中展示預(yù)設(shè)元素，與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片處于隱藏狀態(tài)包括：將所述至少一張圖片設(shè)置在所述預(yù)設(shè)元素周圍的展示位置，并通過透明度的設(shè)置而處于隱藏狀態(tài)；所述檢測(cè)到針對(duì)所述預(yù)設(shè)元素的接觸操作后，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片包括：逐漸降低所述至少一張圖片的透明度，將所述至少一張圖片展示在所述展示位置。

所述檢測(cè)到針對(duì)所述預(yù)設(shè)元素的接觸操作后，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片包括：當(dāng)所述至少一張圖片為多張圖片時(shí)，根據(jù)所述多張圖片預(yù)設(shè)的展示順序，依次展示所述多張圖片。

所述方法還包括：所述多張圖片的展示順序或者展示位置，隨著觸發(fā)相應(yīng)頁面的頻率由高到低的順序的變化而調(diào)整。

所述方法還包括：展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片時(shí)，觸發(fā)計(jì)時(shí)器計(jì)算展示所述至少一張圖片的第二持續(xù)時(shí)長(zhǎng)，當(dāng)所述第二持續(xù)時(shí)長(zhǎng)大于第四預(yù)設(shè)時(shí)長(zhǎng)時(shí)，重置所述至少一張圖片為所述隱藏狀態(tài)。

所述檢測(cè)到針對(duì)所述預(yù)設(shè)元素的接觸操作包括：檢測(cè)到鼠標(biāo)與所述預(yù)設(shè)元素的接觸操作；或者，檢測(cè)到手勢(shì)與所述預(yù)設(shè)元素的接觸操作。

為了解決上述技術(shù)問題，本申請(qǐng)還公開了一種圖片展示裝置，包括：第 一展示模塊，用于在網(wǎng)頁中展示預(yù)設(shè)元素，與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片處于隱藏狀態(tài)，所述預(yù)設(shè)元素是用于展示所述至少一張圖片的交互式頁面元素；第二展示模塊，用于檢測(cè)到針對(duì)所述預(yù)設(shè)元素的接觸操作后，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

所述第二展示模塊包括：第一計(jì)時(shí)子模塊，用于檢測(cè)到所述接觸操作時(shí)觸發(fā)計(jì)時(shí)器計(jì)算第一延時(shí)；第一展示子模塊，用于當(dāng)所述第一延時(shí)大于第一預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片；或者，第二計(jì)時(shí)子模塊，用于檢測(cè)到所述接觸操作已結(jié)束時(shí)觸發(fā)計(jì)時(shí)器計(jì)算第二延時(shí)；第二展示子模塊，用于當(dāng)所述第二延時(shí)大于第二預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片；或者，第三計(jì)時(shí)子模塊，用于檢測(cè)到所述接觸操作是持續(xù)的接觸操作時(shí)，觸發(fā)計(jì)時(shí)器計(jì)算所述接觸操作的第一持續(xù)時(shí)長(zhǎng)；第三展示子模塊，用于當(dāng)所述接觸操作的第一持續(xù)時(shí)長(zhǎng)大于第三預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

所述第一展示模塊包括：第一處理子模塊，將所述至少一張圖片設(shè)置在所述預(yù)設(shè)元素的下一層，并被所述預(yù)設(shè)元素所遮蓋；所述第二展示模塊包括：第四展示子模塊，用于移動(dòng)所述至少一張圖片至所述預(yù)設(shè)元素周圍的展示位置進(jìn)行展示，其中所述展示位置在所述預(yù)設(shè)元素的同一層。

所述第一展示模塊包括：第二處理子模塊，用于將所述至少一張圖片設(shè)置在所述預(yù)設(shè)元素周圍的展示位置，并通過透明度的設(shè)置而處于隱藏狀態(tài)；所述第二展示模塊包括：第五展示子模塊，用于逐漸降低所述至少一張圖片的透明度，將所述至少一張圖片展示在所述展示位置。

所述第二展示模塊包括：第六展示子模塊，用于當(dāng)所述至少一張圖片為多張圖片時(shí)，根據(jù)所述多張圖片預(yù)設(shè)的展示順序，依次展示所述多張圖片。

所述裝置還包括：調(diào)整模塊，用于所述多張圖片的展示順序或者展示位置，隨著觸發(fā)相應(yīng)頁面的頻率由高到低的順序的變化而調(diào)整。

所述裝置還包括：計(jì)時(shí)模塊，用于展示與所述預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片時(shí)，觸發(fā)計(jì)時(shí)器計(jì)算展示所述至少一張圖片的第二持續(xù)時(shí)長(zhǎng)，重置模塊，用于當(dāng)所述第二持續(xù)時(shí)長(zhǎng)大于第四預(yù)設(shè)時(shí)長(zhǎng)時(shí)，重置所述至少一張圖片為所述隱藏狀態(tài)。

所述第二展示模塊包括：第一檢測(cè)子模塊，用于檢測(cè)到鼠標(biāo)與所述預(yù)設(shè)元素的接觸操作；或者，第二檢測(cè)子模塊，用于檢測(cè)到手勢(shì)與所述預(yù)設(shè)元素的接觸操作。

與現(xiàn)有技術(shù)相比，本申請(qǐng)可以獲得包括以下技術(shù)效果：

1)在網(wǎng)頁中展示用于用戶交互的預(yù)設(shè)元素，檢測(cè)到針對(duì)該預(yù)設(shè)元素的接觸操作時(shí)，展示與該預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片，將網(wǎng)頁圖片的展示與用戶的瀏覽過程建立聯(lián)系，增強(qiáng)了網(wǎng)頁圖片的展示與用戶的瀏覽過程之間的互動(dòng)。

2)對(duì)隱藏在預(yù)設(shè)元素周圍的圖片可設(shè)置多種展示效果，有助于提升用戶對(duì)于圖片內(nèi)容的關(guān)注度，吸引用戶點(diǎn)擊。

當(dāng)然，實(shí)施本申請(qǐng)的任一產(chǎn)品必不一定需要同時(shí)達(dá)到以上所述的所有技術(shù)效果。

附圖說明

此處所說明的附圖用來提供對(duì)本申請(qǐng)的進(jìn)一步理解，構(gòu)成本申請(qǐng)的一部分，本申請(qǐng)的示意性實(shí)施例及其說明用于解釋本申請(qǐng)，并不構(gòu)成對(duì)本申請(qǐng)的不當(dāng)限定。在附圖中：

圖1是本申請(qǐng)實(shí)施例提供的一種圖片展示方法的流程示意圖；

圖2(a)-(c)是本申請(qǐng)實(shí)施例預(yù)設(shè)元素與對(duì)應(yīng)的圖片相對(duì)位置示意圖；

圖3(a)-(b)是本申請(qǐng)實(shí)施例預(yù)設(shè)元素與對(duì)應(yīng)的圖片相對(duì)位置示意圖；

圖4本申請(qǐng)實(shí)施例提供的一種圖片展示方法的流程示意圖；

圖5(a)-(e)是本申請(qǐng)實(shí)施例鼠標(biāo)觸發(fā)圖片展示的過程示意圖；

圖6(a)-(f)是本申請(qǐng)實(shí)施例手勢(shì)觸發(fā)圖片展示的過程示意圖；

圖7是本申請(qǐng)實(shí)施例提供的一種圖片展示裝置的結(jié)構(gòu)示意圖。

具體實(shí)施方式

以下將配合附圖及實(shí)施例來詳細(xì)說明本發(fā)明的實(shí)施方式，藉此對(duì)本發(fā)明 如何應(yīng)用技術(shù)手段來解決技術(shù)問題并達(dá)成技術(shù)功效的實(shí)現(xiàn)過程能充分理解并據(jù)以實(shí)施。

圖1是本申請(qǐng)實(shí)施例提供的一種圖片展示方法的流程示意圖，適用于終端設(shè)備，包括以下步驟。

在步驟S101中，在網(wǎng)頁中展示預(yù)設(shè)元素，與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片處于隱藏狀態(tài)，預(yù)設(shè)元素是用于展示該至少一張圖片的交互式頁面元素。

該預(yù)設(shè)元素是網(wǎng)頁中的文字、圖片、動(dòng)畫、視頻和鏈接中的任意一種元素，在一個(gè)網(wǎng)頁中可同時(shí)包含多個(gè)預(yù)設(shè)元素。每個(gè)預(yù)設(shè)元素對(duì)應(yīng)至少一張圖片。終端設(shè)備顯示該網(wǎng)頁時(shí)，網(wǎng)頁中包含至少一個(gè)預(yù)設(shè)元素，此時(shí)用戶瀏覽到的網(wǎng)頁與現(xiàn)有網(wǎng)頁相同，但用戶并不知道網(wǎng)頁中的哪些元素是預(yù)設(shè)元素，網(wǎng)頁中的每個(gè)預(yù)設(shè)元素所對(duì)應(yīng)的至少一張圖片處于隱藏狀態(tài)，用戶看不到每個(gè)預(yù)設(shè)元素所對(duì)應(yīng)的至少一張圖片。該預(yù)設(shè)元素是一種交互式頁面元素，能夠檢測(cè)到來自用戶的接觸操作并且展示該預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片，在預(yù)設(shè)元素周圍設(shè)置有與至少一張圖片對(duì)應(yīng)的顯示位置，以在該顯示位置來顯示該至少一張圖片。

其中，將預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片設(shè)置為隱藏狀態(tài)，至少可通過以下方式來實(shí)現(xiàn)。

A1、將至少一張圖片設(shè)置在預(yù)設(shè)元素的下一層，并被預(yù)設(shè)元素所遮蓋。

在網(wǎng)頁中預(yù)設(shè)元素的顯示區(qū)域，設(shè)置與該預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。該至少一張圖片設(shè)置所在的顯示圖層位于該預(yù)設(shè)元素所在的顯示圖層的下一層，因此能夠被該預(yù)設(shè)元素所遮蓋。例如，設(shè)置預(yù)設(shè)元素所在的顯示圖層z-index:0，該預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片所在的顯示圖層z-index:-1，則該至少一張圖片所在的顯示圖層位于該預(yù)設(shè)元素所在圖層的下一層，同時(shí)通過對(duì)像素點(diǎn)參數(shù)的設(shè)置，使與該預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片被該預(yù)設(shè)元素所遮蓋。如圖2(a)所示，網(wǎng)頁10包括預(yù)設(shè)元素11，預(yù)設(shè)元素11對(duì)應(yīng)圖片110、圖片111和圖片112。圖片110、圖片111和圖片112被預(yù)設(shè)元素10所遮蓋。預(yù)設(shè)元素10周圍設(shè)置相應(yīng)的三個(gè)展示位置，其中圖片110對(duì)應(yīng)展示位置120，圖片111對(duì)應(yīng)展示位置121，圖片112對(duì)應(yīng)展示位置122。

A2、將至少一張圖片設(shè)置在預(yù)設(shè)元素周圍的展示位置，并通過透明度的設(shè)置而處于隱藏狀態(tài)。

預(yù)設(shè)元素周圍設(shè)有該至少一張圖片對(duì)應(yīng)的展示位置，將該預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片設(shè)置在相應(yīng)的展示位置處，同時(shí)通過對(duì)該至少一張圖片的透明度的設(shè)置使該至少一張圖片處于隱藏狀態(tài)，例如將該至少一張圖片的透明度設(shè)置為100％。如圖3(a)所示，網(wǎng)頁20包括預(yù)設(shè)元素21，預(yù)設(shè)元素21對(duì)應(yīng)圖片210、圖片211和圖片212。其中，圖片210對(duì)應(yīng)展示位置220，圖片211對(duì)應(yīng)展示位置221，圖片212對(duì)應(yīng)展示位置222。圖片210、圖片211和圖片212和分別被設(shè)置在對(duì)應(yīng)的展示位置，并且其透明度被設(shè)置為100％，使圖片210、圖片211和圖片212隱藏在對(duì)應(yīng)的展示位置。

在步驟S102中，檢測(cè)到針對(duì)預(yù)設(shè)元素的接觸操作后，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

該接觸操作是用戶針對(duì)該預(yù)設(shè)元素的交互操作，包括用戶鼠標(biāo)對(duì)該預(yù)設(shè)元素的接觸操作以及用戶手勢(shì)與該預(yù)設(shè)元素的接觸操作，可認(rèn)為用戶在瀏覽網(wǎng)頁的過程中已經(jīng)瀏覽或關(guān)注到該預(yù)設(shè)元素。對(duì)該接觸操作的檢測(cè)可通過檢測(cè)相應(yīng)的系統(tǒng)事件來實(shí)現(xiàn)。

用戶使用個(gè)人計(jì)算機(jī)(PC)通過PC端瀏覽器瀏覽網(wǎng)頁，用戶對(duì)網(wǎng)頁的操作通常來自鼠標(biāo)操作，計(jì)算機(jī)檢測(cè)鼠標(biāo)與網(wǎng)頁中預(yù)設(shè)元素的接觸操作。用戶鼠標(biāo)進(jìn)入該預(yù)設(shè)元素所覆蓋的顯示區(qū)域時(shí)，計(jì)算機(jī)檢測(cè)到針對(duì)該預(yù)設(shè)元素的鼠標(biāo)事件，例如mouseover事件。而當(dāng)用戶使用具有觸摸顯示屏的電子設(shè)備瀏覽網(wǎng)頁時(shí)，用戶對(duì)網(wǎng)頁的操作通常來自于用戶手勢(shì)在觸摸顯示屏上的觸摸操作，電子設(shè)備檢測(cè)用戶手勢(shì)與該預(yù)設(shè)元素的接觸操作。用戶手勢(shì)接觸到觸摸顯示屏所顯示網(wǎng)頁中的預(yù)設(shè)元素時(shí)，電子設(shè)備檢測(cè)到用戶手勢(shì)針對(duì)該預(yù)設(shè)元素的觸控事件，例如touchstart事件。

終端設(shè)備檢測(cè)到針對(duì)預(yù)設(shè)元素的接觸操作后，會(huì)觸發(fā)與該預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片的展示，其觸發(fā)方式至少包括以下任意一種。

B1、檢測(cè)到接觸操作時(shí)觸發(fā)計(jì)時(shí)器計(jì)算第一延時(shí)；當(dāng)?shù)谝谎訒r(shí)大于第一預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。終端設(shè)備檢測(cè)到針對(duì)預(yù)設(shè)元素的接觸操作后，例如檢測(cè)到用戶鼠標(biāo)的mouseover事件或者用戶手勢(shì) 的touchstart事件，觸發(fā)計(jì)時(shí)器計(jì)算第一延時(shí)，例如觸發(fā)hoverdelay()方法計(jì)算第一延時(shí)。無論針對(duì)該預(yù)設(shè)元素的接觸操作是否持續(xù)，該計(jì)時(shí)器都會(huì)持續(xù)計(jì)算第一延時(shí)，當(dāng)?shù)谝谎訒r(shí)大于第一預(yù)設(shè)時(shí)長(zhǎng)(例如，500ms)時(shí)，展示該至少一張圖片。

B2、檢測(cè)到接觸操作已結(jié)束時(shí)觸發(fā)計(jì)時(shí)器計(jì)算第二延時(shí)；當(dāng)?shù)诙訒r(shí)大于第二預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。終端設(shè)備檢測(cè)到對(duì)預(yù)設(shè)元素的接觸操作時(shí)，并不觸發(fā)計(jì)時(shí)器，而是在與該預(yù)設(shè)元素的接觸操作結(jié)束后，在觸發(fā)計(jì)時(shí)器計(jì)算第二延時(shí)。例如，用戶鼠標(biāo)或者用戶手勢(shì)移入預(yù)設(shè)元素的顯示區(qū)域時(shí)，并不會(huì)觸發(fā)計(jì)時(shí)器，當(dāng)用戶鼠標(biāo)離開預(yù)設(shè)元素的顯示區(qū)域時(shí)，檢測(cè)到相應(yīng)的mouseover事件結(jié)束，當(dāng)用戶手勢(shì)離開預(yù)設(shè)元素的顯示區(qū)域時(shí)，檢測(cè)到touchend事件。此時(shí)再開始計(jì)算第二延時(shí)，當(dāng)?shù)诙訒r(shí)大于第二預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示該至少一張圖片。例如，終端設(shè)備通過hoverout:t來設(shè)置該第二預(yù)設(shè)時(shí)長(zhǎng)，hoverout:300，代表該第二預(yù)設(shè)時(shí)長(zhǎng)為300ms，當(dāng)用戶鼠標(biāo)或用戶手勢(shì)已移出該預(yù)設(shè)元素，并在300ms后開始展示該預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

B3、檢測(cè)到接觸操作是持續(xù)的接觸操作時(shí)，觸發(fā)計(jì)時(shí)器計(jì)算接觸操作的第一持續(xù)時(shí)長(zhǎng)；當(dāng)接觸操作的第一持續(xù)時(shí)長(zhǎng)大于第三預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。終端設(shè)備檢測(cè)到針對(duì)預(yù)設(shè)元素的接觸操作后，例如檢測(cè)到用戶鼠標(biāo)的mouseover事件或者用戶手勢(shì)的touchstart事件，觸發(fā)計(jì)時(shí)器計(jì)算第一持續(xù)時(shí)長(zhǎng)，與B1的方式不同的是，用戶手勢(shì)或者用戶鼠標(biāo)移出預(yù)設(shè)元素的顯示區(qū)域后，會(huì)導(dǎo)致該計(jì)時(shí)器清零，用戶手勢(shì)或用戶鼠標(biāo)保持在預(yù)設(shè)元素的顯示區(qū)域內(nèi)時(shí)，該計(jì)時(shí)器才會(huì)連續(xù)計(jì)算該第一持續(xù)時(shí)長(zhǎng)。當(dāng)該第一持續(xù)時(shí)長(zhǎng)超過第三預(yù)設(shè)時(shí)長(zhǎng)時(shí)，會(huì)展示該至少一張圖片。例如終端設(shè)備通過hoverduring:t來設(shè)置該第三預(yù)設(shè)時(shí)長(zhǎng)，hoverduring:1000，代表檢測(cè)到的接觸操作需要持續(xù)1000ms，用戶鼠標(biāo)或者用戶手勢(shì)移入該預(yù)設(shè)元素并且保持在該預(yù)設(shè)元素的顯示區(qū)域內(nèi)超過1000ms時(shí)，展示與該預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

終端設(shè)備在展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片時(shí)，基于該至少一張圖片的不同設(shè)置方式，會(huì)產(chǎn)生不同的展示效果。

C1、基于步驟S101中A1的設(shè)置方式，終端設(shè)備在展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片時(shí)，移動(dòng)該至少一張圖片至預(yù)設(shè)元素周圍的展示位置進(jìn)行展示，其中所述展示位置在所述預(yù)設(shè)元素的同一層。如圖2(b)所示，位于預(yù)設(shè)元素10下一層的圖片110、圖片111和圖片112開始分別向各自對(duì)應(yīng)的展示位置120、展示位置121和展示位置122開始移動(dòng)，并最終如圖2(c)填充到相應(yīng)的展示位置中進(jìn)行展示。同時(shí)，圖片110、圖片111和圖片112在移入相應(yīng)的展示位置120、展示位置121和展示位置122時(shí)，所在顯示圖層由z-index:-1變?yōu)閦-index:0，在預(yù)設(shè)元素10的同一層，不會(huì)再被預(yù)設(shè)元素和其他同層的網(wǎng)頁元素所遮蓋。從用戶角度能夠看到圖片110、圖片111和圖片112從預(yù)設(shè)元素10的顯示區(qū)域內(nèi)移出，并最終移動(dòng)到預(yù)設(shè)元素10周圍進(jìn)行展示。

C2、基于步驟S101中A2的設(shè)置方式，終端設(shè)備展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片時(shí)，降低該至少一張圖片的透明度，將該至少一張圖片展示在對(duì)應(yīng)的展示位置。圖片210、圖片211和圖片212分別設(shè)置于相應(yīng)的展示位置220、展示位置221和展示位置222中，透明度設(shè)置為100％而處于隱藏狀態(tài)。如圖3(b)所示，直接降低所述圖片210、圖片211和圖片212的透明度至0％，從而在相應(yīng)的展示位置展示出圖片210、圖片211和圖片212。在另外一種展示方式中，圖片210、圖片211和圖片212的透明度逐漸降低，從而使圖片210、圖片211和圖片212以隱現(xiàn)的方式逐漸清晰的顯示在相應(yīng)的展示位置。

在以上所述的C1和C2兩種展示方式中，當(dāng)與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片是多張圖片時(shí)，可進(jìn)一步對(duì)與該預(yù)設(shè)元素對(duì)應(yīng)的多張圖片預(yù)設(shè)展示順序，可通過JS腳本程序來實(shí)現(xiàn)，例如在JS腳本程序中采用setTimeout()方法來控制多張圖片的展示順序，設(shè)置setTimeout(F(n),time),其中n代表圖片編號(hào)，time代表與開始展示該多張圖片這一時(shí)刻的時(shí)間間隔，如將time設(shè)置為0，則在開始展示該至少一張圖片這一時(shí)刻立即展示該圖片，將time設(shè)置為300，則在開始展示該至少一張圖片這一時(shí)刻之后300ms時(shí)開始展示該圖片。按照預(yù)設(shè)的展示順序依次展示與預(yù)設(shè)元素對(duì)應(yīng)的多張圖片，能夠進(jìn)一步吸引用戶瀏覽每一張圖片的內(nèi)容，達(dá)到更佳的展示效果。在一個(gè)實(shí)施例 中，與預(yù)設(shè)元素對(duì)應(yīng)的多張圖片中，每張圖片都是一個(gè)圖片鏈接，作為相應(yīng)網(wǎng)頁的觸發(fā)入口，網(wǎng)頁內(nèi)容服務(wù)器每隔預(yù)設(shè)周期統(tǒng)計(jì)該多張圖片觸發(fā)相應(yīng)網(wǎng)頁的頻率，并根據(jù)該多張圖片觸發(fā)相應(yīng)網(wǎng)頁的頻率由高到低的順序調(diào)整該多張圖片的展示順序，將觸發(fā)相應(yīng)網(wǎng)頁的頻率更高的圖片優(yōu)先展示?；蛘?，根據(jù)該多張圖片觸發(fā)相應(yīng)網(wǎng)頁的頻率由高到低的順序調(diào)整該多張圖片的展示位置，將觸發(fā)相應(yīng)網(wǎng)頁的頻率更高的圖片調(diào)整到優(yōu)先展示的展示位置。因此，從用戶視角能夠察覺到該多張圖片的展示順序或者展示位置會(huì)出現(xiàn)調(diào)整，而實(shí)際上是隨著觸發(fā)相應(yīng)頁面的頻率由高到低的順序的變化而調(diào)整的。

在一個(gè)實(shí)施例中，如圖4所示，該圖片展示方法進(jìn)一步包括以下步驟。

在步驟S301中，在網(wǎng)頁中展示預(yù)設(shè)元素，與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片處于隱藏狀態(tài)，預(yù)設(shè)元素是用于展示至少一張圖片的交互式頁面元素。

在步驟S302中，檢測(cè)到針對(duì)預(yù)設(shè)元素的接觸操作后，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

在步驟S303中，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片時(shí)，觸發(fā)計(jì)時(shí)器計(jì)算展示至少一張圖片的第二持續(xù)時(shí)長(zhǎng)。

終端設(shè)備開始展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片時(shí)，觸發(fā)計(jì)時(shí)器來計(jì)算展示該至少一張圖片的第二持續(xù)時(shí)長(zhǎng)，即與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片的展示在網(wǎng)頁中將持續(xù)一段時(shí)間。

在步驟S304中，當(dāng)?shù)诙掷m(xù)時(shí)長(zhǎng)大于第四預(yù)設(shè)時(shí)長(zhǎng)時(shí)，重置所述至少一張圖片為所述隱藏狀態(tài)。

例如，該第四預(yù)設(shè)時(shí)長(zhǎng)為20秒，則展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片的第二持續(xù)時(shí)長(zhǎng)超過20秒時(shí)，重置該至少一張圖片至步驟S301中的隱藏狀態(tài)，此時(shí)網(wǎng)頁中仍只能瀏覽到預(yù)設(shè)元素。在第二持續(xù)時(shí)長(zhǎng)之內(nèi)保持與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片的顯示，便于用戶點(diǎn)擊該至少一張圖片以進(jìn)入這些圖片所鏈接的網(wǎng)頁。

本申請(qǐng)實(shí)施例建立了網(wǎng)頁圖片的展示與用戶的瀏覽過程和關(guān)注點(diǎn)之間的聯(lián)系，構(gòu)建了一種交互式的網(wǎng)頁圖片展示方式，使網(wǎng)頁圖片的展示與用戶的網(wǎng)頁瀏覽過程形成互動(dòng)。

下面通過應(yīng)用實(shí)例對(duì)本申請(qǐng)做進(jìn)一步說明。

如圖5(a)所示，在網(wǎng)頁中的一個(gè)預(yù)設(shè)元素40周圍設(shè)置三張圖片，分別為圖片410、圖片411和圖片412。這三張圖片的展示位置可以被設(shè)置在預(yù)設(shè)元素40的任意一側(cè)，在圖5(a)-圖5(e)中，這三張圖片的展示位置設(shè)置在預(yù)設(shè)元素40的右側(cè)并且對(duì)齊排列，以進(jìn)行示例性說明。將圖片410、圖片411和圖片412分別設(shè)置在相應(yīng)的展示位置，并且透明度設(shè)置為100％從而處于隱藏狀態(tài)。圖5(a)中的虛線表示此時(shí)圖片410、圖片411和圖片412為隱藏狀態(tài)。如圖5(b)所示，瀏覽器打開該網(wǎng)頁時(shí)，用戶只能看到預(yù)設(shè)元素40，而看不到圖片410、圖片411和圖片412。終端設(shè)備檢測(cè)到針對(duì)該預(yù)設(shè)元素40的接觸操作，該接觸操作來自用戶的鼠標(biāo)操作，例如，終端設(shè)備檢測(cè)到針對(duì)該預(yù)設(shè)元素的mouseover事件。如圖5(c)所示，用戶鼠標(biāo)移入到該預(yù)設(shè)元素40的顯示區(qū)域時(shí)，終端設(shè)備檢測(cè)到mouseover事件。此時(shí)終端設(shè)備包括以下三種可能：

(1)終端設(shè)備檢測(cè)到該mouseover事件時(shí)觸發(fā)計(jì)時(shí)器開始計(jì)算第一延時(shí)，即鼠標(biāo)如圖5(c)所示移入預(yù)設(shè)元素40后，無論鼠標(biāo)移動(dòng)至網(wǎng)頁何處，都會(huì)持續(xù)計(jì)算該第一延時(shí)，當(dāng)?shù)谝谎訒r(shí)大于第一預(yù)設(shè)時(shí)長(zhǎng)時(shí)，終端設(shè)備開始展示處于隱藏狀態(tài)的圖片410、圖片411和圖片412；

(2)終端設(shè)備檢測(cè)到該mouseover事件并且用戶鼠標(biāo)如圖5(d)所示已離開該預(yù)設(shè)元素40，終端設(shè)備檢測(cè)到該mouseover事件結(jié)束時(shí)觸發(fā)計(jì)時(shí)器開始計(jì)算第二延時(shí)，無論鼠標(biāo)移動(dòng)至網(wǎng)頁何處，都會(huì)持續(xù)計(jì)算該第二延時(shí)，即用戶鼠標(biāo)從該預(yù)設(shè)元素40的顯示區(qū)域先移入，再移出，在用戶鼠標(biāo)移出時(shí)開始計(jì)算第二延時(shí)。當(dāng)?shù)诙訒r(shí)大于第二預(yù)設(shè)時(shí)長(zhǎng)時(shí)，終端設(shè)備開始展示處于隱藏狀態(tài)的圖片410、圖片411和圖片412；

(3)終端設(shè)備檢測(cè)到該mouseover事件時(shí)觸發(fā)計(jì)時(shí)器計(jì)算該mouseover事件的第一持續(xù)時(shí)間，如果用戶鼠標(biāo)移出預(yù)設(shè)元素40的顯示區(qū)域，則計(jì)時(shí)器停止計(jì)算該第一持續(xù)時(shí)間。當(dāng)?shù)谝怀掷m(xù)時(shí)長(zhǎng)大于第三預(yù)設(shè)時(shí)長(zhǎng)時(shí)，即用戶鼠標(biāo)的移動(dòng)范圍如圖5(c)所示一直保持在預(yù)設(shè)元素40的顯示區(qū)域內(nèi)，終端設(shè)備開始展示處于隱藏狀態(tài)的圖片410、圖片411和圖片412。

圖片410、圖片411和圖片412的透明度開始逐漸降低，最終達(dá)到0％， 使這三張圖片顯示在相應(yīng)的展示位置。此時(shí)，可以對(duì)圖片410、圖片411和圖片412逐漸降低透明度的展示方式設(shè)置等間隔延遲，例如，設(shè)置圖片410開始降低透明度進(jìn)行顯示的時(shí)間setTimeout(F(1),0)，圖片411開始降低透明度進(jìn)行顯示的時(shí)間setTimeout(F(2),200)，圖片412開始降低透明度進(jìn)行顯示的時(shí)間setTimeout(F(3),400)，即圖片410、圖片411和圖片412開始降低透明度進(jìn)行顯示的時(shí)間間隔為200ms。圖片410、圖片411和圖片412的最終展示效果，如圖5(e)所示。用戶將鼠標(biāo)移入預(yù)設(shè)元素40，認(rèn)為用戶已瀏覽或關(guān)注到預(yù)設(shè)元素40，此時(shí)將預(yù)設(shè)元素40對(duì)應(yīng)的圖片進(jìn)行展示，從而建立起網(wǎng)頁圖片展示與用戶瀏覽過程之間的聯(lián)系，增強(qiáng)了網(wǎng)頁圖片展示與用戶瀏覽過程之間的互動(dòng)。

在另一個(gè)應(yīng)用實(shí)例中，如圖6(a)所示，在網(wǎng)頁中的一個(gè)預(yù)設(shè)元素50所在的顯示圖層的下一層設(shè)置三張圖片，分別為圖片510、圖片511和圖片512。這三張圖片全部被預(yù)設(shè)元素50所遮蓋，用戶無法看到該預(yù)設(shè)元素50下的這三張圖片。這三張圖片的展示位置設(shè)置在預(yù)設(shè)元素50的右側(cè)并且對(duì)齊排列，以進(jìn)行示例性說明。如圖6(b)所示，瀏覽器打開該網(wǎng)頁時(shí)，用戶只能看到預(yù)設(shè)元素50，而看不到圖片510、圖片511和圖片512。終端設(shè)備的觸摸顯示屏檢測(cè)到針對(duì)該預(yù)設(shè)元素50的接觸操作，該接觸操作來自用戶的手勢(shì)操作，例如，終端設(shè)備檢測(cè)到針對(duì)預(yù)設(shè)元素50的touchstart事件。如圖6(c)所示，用戶手勢(shì)在觸摸顯示屏上移入到該預(yù)設(shè)元素50的顯示區(qū)域時(shí)，終端設(shè)備檢測(cè)到touchstart事件。此時(shí)終端設(shè)備包括以下三種可能：

(1)終端設(shè)備檢測(cè)到該touchstart事件時(shí)觸發(fā)計(jì)時(shí)器開始計(jì)算第一延時(shí)，即鼠標(biāo)如圖6(c)所示移入預(yù)設(shè)元素50后，無論用戶手勢(shì)移動(dòng)至何處，都會(huì)持續(xù)計(jì)算該第一延時(shí)，當(dāng)?shù)谝谎訒r(shí)大于第一預(yù)設(shè)時(shí)長(zhǎng)時(shí)，終端設(shè)備開始展示處于隱藏狀態(tài)的圖片510、圖片511和圖片512；

(2)終端設(shè)備檢測(cè)到該touchstart事件并且用戶手勢(shì)如圖6(d)所示已離開該預(yù)設(shè)元素50，終端設(shè)備檢測(cè)到針對(duì)該預(yù)設(shè)元素50的touchstart事件時(shí)觸發(fā)計(jì)時(shí)器開始計(jì)算第二延時(shí)，無論用戶手勢(shì)移動(dòng)至網(wǎng)頁何處，都會(huì)持續(xù)計(jì)算該第二延時(shí)，即用戶手勢(shì)從預(yù)設(shè)元素50的顯示區(qū)域先移入，再移出，在用戶手勢(shì)移出時(shí)開始計(jì)算第二延時(shí)。當(dāng)?shù)诙訒r(shí)大于第二預(yù)設(shè)時(shí)長(zhǎng)時(shí)，終端 設(shè)備開始展示處于隱藏狀態(tài)的圖片510、圖片511和圖片512；

(3)終端設(shè)備檢測(cè)到針對(duì)預(yù)設(shè)元素50的touchstart事件時(shí)觸發(fā)計(jì)時(shí)器計(jì)算touchstart事件的第一持續(xù)時(shí)長(zhǎng)，用戶手勢(shì)移出預(yù)設(shè)元素50的顯示區(qū)域時(shí)，計(jì)時(shí)器停止計(jì)算第一持續(xù)時(shí)長(zhǎng)。當(dāng)?shù)谝怀掷m(xù)時(shí)長(zhǎng)大于第三預(yù)設(shè)時(shí)長(zhǎng)時(shí)，即用戶手勢(shì)的移動(dòng)范圍如圖6(c)所示一直保持在預(yù)設(shè)元素50的顯示區(qū)域內(nèi)，終端設(shè)備開始展示處于隱藏狀態(tài)的圖片510、圖片511和圖片512。

圖片510、圖片511和圖片512開始從預(yù)設(shè)元素50的下一層向各自對(duì)應(yīng)的展示位置開始移動(dòng)，直到移動(dòng)到對(duì)應(yīng)的展示位置。用戶會(huì)看到這三張圖片從預(yù)設(shè)元素50右側(cè)滑出進(jìn)行展示。同理，也可以對(duì)圖片510、圖片511和圖片512從預(yù)設(shè)元素50右側(cè)滑出的展示方式設(shè)置等間隔延遲。例如，如圖6(e)所示，圖片510、圖片511和圖片512從預(yù)設(shè)元素50的右側(cè)以200ms的時(shí)間間隔依次滑出展示。圖片510、圖片511和圖片512全部滑出后的展示效果如圖6(f)所示。用戶手勢(shì)移入到預(yù)設(shè)元素50，認(rèn)為用戶已瀏覽或關(guān)注到預(yù)設(shè)元素50，此時(shí)將預(yù)設(shè)元素50對(duì)應(yīng)的圖片進(jìn)行展示，建立起網(wǎng)頁圖片展示與用戶瀏覽過程之間的聯(lián)系，增強(qiáng)了網(wǎng)頁圖片展示與用戶瀏覽過程之間的互動(dòng)。

圖7是本申請(qǐng)實(shí)施例提供的一種圖片展示裝置，包括：

第一展示模塊60，用于在網(wǎng)頁中展示預(yù)設(shè)元素，與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片處于隱藏狀態(tài)，預(yù)設(shè)元素是用于展示至少一張圖片的交互式頁面元素；

第二展示模塊61，用于檢測(cè)到針對(duì)預(yù)設(shè)元素的接觸操作后，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

在一個(gè)實(shí)施例中，該第二展示模塊61包括：

第一計(jì)時(shí)子模塊，用于檢測(cè)到接觸操作時(shí)觸發(fā)計(jì)時(shí)器計(jì)算第一延時(shí)；

第一展示子模塊，用于當(dāng)?shù)谝谎訒r(shí)大于第一預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

或者，該第二展示模塊61包括：

第二計(jì)時(shí)子模塊，用于檢測(cè)到接觸操作已結(jié)束時(shí)觸發(fā)計(jì)時(shí)器計(jì)算第二延 時(shí)；

第二展示子模塊，用于當(dāng)?shù)诙訒r(shí)大于第二預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

或者，該第二展示子模塊61包括：

第三計(jì)時(shí)子模塊，用于檢測(cè)到接觸操作是持續(xù)的接觸操作時(shí)，觸發(fā)計(jì)時(shí)器計(jì)算接觸操作的第一持續(xù)時(shí)長(zhǎng)；

第三展示子模塊，用于當(dāng)接觸操作的第一持續(xù)時(shí)長(zhǎng)大于第三預(yù)設(shè)時(shí)長(zhǎng)時(shí)，展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片。

在一個(gè)實(shí)施例中，該第一展示模塊60包括：

第一處理子模塊，將至少一張圖片設(shè)置在預(yù)設(shè)元素的下一層，并被預(yù)設(shè)元素所遮蓋；

該第二展示模塊61包括：

第四展示子模塊，用于移動(dòng)至少一張圖片至預(yù)設(shè)元素周圍的展示位置進(jìn)行展示，其中展示位置在預(yù)設(shè)元素的同一層。

在一個(gè)實(shí)施例中，該第一展示模塊60包括：

第二處理子模塊，用于將至少一張圖片設(shè)置在預(yù)設(shè)元素周圍的展示位置，并通過透明度的設(shè)置而處于隱藏狀態(tài)；

該第二展示模塊61包括：

第五展示子模塊，用于逐漸降低至少一張圖片的透明度，將至少一張圖片展示在展示位置。

在一個(gè)實(shí)施例中，該第二展示模塊61包括：

第六展示子模塊，用于當(dāng)至少一張圖片為多張圖片時(shí)，根據(jù)多張圖片預(yù)設(shè)的展示順序，依次展示多張圖片。

該裝置還包括：

調(diào)整模塊，用于多張圖片的展示順序或者展示位置，隨著觸發(fā)相應(yīng)頁面的頻率由高到低的順序的變化而調(diào)整。

在一個(gè)實(shí)施例中，該裝置還包括：

計(jì)時(shí)模塊62，用于展示與預(yù)設(shè)元素對(duì)應(yīng)的至少一張圖片時(shí)，觸發(fā)計(jì)時(shí)器計(jì)算展示至少一張圖片的第二持續(xù)時(shí)長(zhǎng)，

重置模塊63，用于當(dāng)?shù)诙掷m(xù)時(shí)長(zhǎng)大于第四預(yù)設(shè)時(shí)長(zhǎng)時(shí)，重置至少一張圖片為隱藏狀態(tài)。

在一個(gè)實(shí)施例中，該第二展示模塊61包括：

第一檢測(cè)子模塊，用于檢測(cè)到鼠標(biāo)與預(yù)設(shè)元素的接觸操作。

或者，該第二展示模塊61包括：

第二檢測(cè)子模塊，用于檢測(cè)到手勢(shì)與預(yù)設(shè)元素的接觸操作。

在一個(gè)典型的配置中，計(jì)算設(shè)備包括一個(gè)或多個(gè)處理器(CPU)、輸入/輸出接口、網(wǎng)絡(luò)接口和內(nèi)存。

內(nèi)存可能包括計(jì)算機(jī)可讀介質(zhì)中的非永久性存儲(chǔ)器，隨機(jī)存取存儲(chǔ)器(RAM)和/或非易失性內(nèi)存等形式，如只讀存儲(chǔ)器(ROM)或閃存(flash RAM)。內(nèi)存是計(jì)算機(jī)可讀介質(zhì)的示例。

計(jì)算機(jī)可讀介質(zhì)包括永久性和非永久性、可移動(dòng)和非可移動(dòng)媒體可以由任何方法或技術(shù)來實(shí)現(xiàn)信息存儲(chǔ)。信息可以是計(jì)算機(jī)可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序的模塊或其他數(shù)據(jù)。計(jì)算機(jī)的存儲(chǔ)介質(zhì)的例子包括，但不限于相變內(nèi)存(PRAM)、靜態(tài)隨機(jī)存取存儲(chǔ)器(SRAM)、動(dòng)態(tài)隨機(jī)存取存儲(chǔ)器(DRAM)、其他類型的隨機(jī)存取存儲(chǔ)器(RAM)、只讀存儲(chǔ)器(ROM)、電可擦除可編程只讀存儲(chǔ)器(EEPROM)、快閃記憶體或其他內(nèi)存技術(shù)、只讀光盤只讀存儲(chǔ)器(CD-ROM)、數(shù)字多功能光盤(DVD)或其他光學(xué)存儲(chǔ)、磁盒式磁帶，磁帶磁磁盤存儲(chǔ)或其他磁性存儲(chǔ)設(shè)備或任何其他非傳輸介質(zhì)，可用于存儲(chǔ)可以被計(jì)算設(shè)備訪問的信息。按照本文中的界定，計(jì)算機(jī)可讀介質(zhì)不包括非暫存電腦可讀媒體(transitory media)，如調(diào)制的數(shù)據(jù)信號(hào)和載波。

如在說明書及權(quán)利要求當(dāng)中使用了某些詞匯來指稱特定組件。本領(lǐng)域技術(shù)人員應(yīng)可理解，硬件制造商可能會(huì)用不同名詞來稱呼同一個(gè)組件。本說明書及權(quán)利要求并不以名稱的差異來作為區(qū)分組件的方式，而是以組件在功能上的差異來作為區(qū)分的準(zhǔn)則。如在通篇說明書及權(quán)利要求當(dāng)中所提及的“包含”為一開放式用語，故應(yīng)解釋成“包含但不限定于”?！按笾隆笔侵冈诳山邮盏? 誤差范圍內(nèi)，本領(lǐng)域技術(shù)人員能夠在一定誤差范圍內(nèi)解決所述技術(shù)問題，基本達(dá)到所述技術(shù)效果。此外，“耦接”一詞在此包含任何直接及間接的電性耦接手段。因此，若文中描述一第一裝置耦接于一第二裝置，則代表所述第一裝置可直接電性耦接于所述第二裝置，或通過其他裝置或耦接手段間接地電性耦接至所述第二裝置。說明書后續(xù)描述為實(shí)施本發(fā)明的較佳實(shí)施方式，然所述描述乃以說明本發(fā)明的一般原則為目的，并非用以限定本發(fā)明的范圍。本發(fā)明的保護(hù)范圍當(dāng)視所附權(quán)利要求所界定者為準(zhǔn)。

還需要說明的是，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的商品或者系統(tǒng)不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種商品或者系統(tǒng)所固有的要素。在沒有更多限制的情況下，由語句“包括一個(gè)……”限定的要素，并不排除在包括所述要素的商品或者系統(tǒng)中還存在另外的相同要素。

上述說明示出并描述了本發(fā)明的若干優(yōu)選實(shí)施例，但如前所述，應(yīng)當(dāng)理解本發(fā)明并非局限于本文所披露的形式，不應(yīng)看作是對(duì)其他實(shí)施例的排除，而可用于各種其他組合、修改和環(huán)境，并能夠在本文所述發(fā)明構(gòu)想范圍內(nèi)，通過上述教導(dǎo)或相關(guān)領(lǐng)域的技術(shù)或知識(shí)進(jìn)行改動(dòng)。而本領(lǐng)域人員所進(jìn)行的改動(dòng)和變化不脫離本發(fā)明的精神和范圍，則都應(yīng)在本發(fā)明所附權(quán)利要求的保護(hù)范圍內(nèi)。