本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別涉及一種移動(dòng)端頁(yè)面高度固定方法及系統(tǒng)。

背景技術(shù)：

隨著互聯(lián)網(wǎng)的發(fā)展，頁(yè)面也越來(lái)越重要。更多的信息是以頁(yè)面或者網(wǎng)頁(yè)的形式展現(xiàn)的。而隨著互動(dòng)要求的增加，頁(yè)面中很多數(shù)據(jù)是要求實(shí)時(shí)更新的。因而，通常會(huì)將頁(yè)面分為動(dòng)態(tài)數(shù)據(jù)和靜態(tài)數(shù)據(jù)。動(dòng)態(tài)數(shù)據(jù)用來(lái)設(shè)置那些需要更多更新的數(shù)據(jù)，靜態(tài)數(shù)據(jù)則不需要頻繁的更新。

網(wǎng)頁(yè)是一個(gè)包含HTML標(biāo)簽的純文本文件，它可以存放在世界某個(gè)角落的某一臺(tái)計(jì)算機(jī)中，是萬(wàn)維網(wǎng)中的一“頁(yè)”，是超文本標(biāo)記語(yǔ)言格式(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用，文件擴(kuò)展名為.html或.htm)。網(wǎng)頁(yè)通常用圖像檔來(lái)提供圖畫(huà)。網(wǎng)頁(yè)要通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)閱讀。

網(wǎng)頁(yè)設(shè)計(jì)是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息(包括產(chǎn)品、服務(wù)、理念、文化)，進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁(yè)面設(shè)計(jì)美化工作。作為企業(yè)對(duì)外宣傳物料的其中一種，精美的網(wǎng)頁(yè)設(shè)計(jì)，對(duì)于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。

網(wǎng)頁(yè)設(shè)計(jì)一般分為三種大類：功能型網(wǎng)頁(yè)設(shè)計(jì)(服務(wù)網(wǎng)站&B/S軟件用戶端)、形象型網(wǎng)頁(yè)設(shè)計(jì)(品牌形象站)、信息型網(wǎng)頁(yè)設(shè)計(jì)(門(mén)戶站)。設(shè)計(jì)網(wǎng)頁(yè)的目的不同，應(yīng)選擇不同的網(wǎng)頁(yè)策劃與設(shè)計(jì)方案。

網(wǎng)頁(yè)設(shè)計(jì)的工作目標(biāo)，是通過(guò)使用更合理的顏色、字體、圖片、樣式進(jìn)行頁(yè)面設(shè)計(jì)美化，在功能限定的情況下，盡可能給予用戶完美的視覺(jué)體驗(yàn)。高級(jí)的網(wǎng)頁(yè)設(shè)計(jì)甚至?xí)紤]到通過(guò)聲光、交互等來(lái)實(shí)現(xiàn)更好的試聽(tīng)感受。

網(wǎng)頁(yè)設(shè)計(jì)常用的工具包括AI、PS、FL、FW、DW CDR等。

這些網(wǎng)頁(yè)通常都是如ASP，ColdFusion，Perl，PHP，WebDNA，或者其他的服務(wù)器端語(yǔ)言。這些服務(wù)器端語(yǔ)言經(jīng)常使用的通用網(wǎng)關(guān)接口(CGI)產(chǎn)生動(dòng)態(tài)網(wǎng)頁(yè)。有兩個(gè)明顯的例外是asp.net和JSP，在它們的API(程序編程接口)里頭會(huì)重復(fù)使用CGI的概念，但實(shí)際上所有的web(網(wǎng)絡(luò))請(qǐng)求分派到壹個(gè)共享的虛擬機(jī)。動(dòng)態(tài)網(wǎng)頁(yè)有很少或沒(méi)有預(yù)期變化時(shí)，往往會(huì)高速緩存和頁(yè)面預(yù)計(jì)會(huì)接收大量的網(wǎng)絡(luò)流量，會(huì)營(yíng)造緩慢的加載時(shí)間至服務(wù)器。

選項(xiàng)卡Tabs是一種多個(gè)標(biāo)簽頁(yè)區(qū)分不同選項(xiàng)功能的窗口，就像Internet選項(xiàng)那樣的。如果打開(kāi)了多個(gè)選項(xiàng)卡，則還可以使用“快速選項(xiàng)卡”輕松地切換到其他選項(xiàng)卡。同時(shí)打開(kāi)多個(gè)網(wǎng)頁(yè)時(shí)，每個(gè)網(wǎng)頁(yè)都會(huì)在一個(gè)單獨(dú)的選項(xiàng)卡上顯示。這些選項(xiàng)卡方便您在打開(kāi)的網(wǎng)站間切換?？焖龠x項(xiàng)卡提供所有打開(kāi)的選項(xiàng)卡的縮微視圖(稱為“縮略圖”)。這方便查找希望查看的網(wǎng)頁(yè)。單擊“快速選項(xiàng)卡”按鈕旁邊的箭頭時(shí)，會(huì)顯示打開(kāi)過(guò)的所有網(wǎng)站的列表。若要切換到不同的網(wǎng)站，請(qǐng)單擊該站點(diǎn)名稱。

現(xiàn)有技術(shù)中，由于互動(dòng)的要求，網(wǎng)頁(yè)設(shè)計(jì)越來(lái)越重要。尤其是移動(dòng)端的網(wǎng)頁(yè)設(shè)計(jì)，出現(xiàn)了大量的Tabs的選項(xiàng)，用戶可以在同一頁(yè)面自由切換不同的Tabs。但是，由于各個(gè)Tabs下的內(nèi)容不同，會(huì)造成移動(dòng)端瀏覽器頁(yè)面適配時(shí)高度不同，也就是用戶切換不同的Tabs后，頁(yè)面出現(xiàn)跳躍。因而，亟需要一種移動(dòng)端頁(yè)面高度固定的方案，避免頁(yè)面跳動(dòng)帶來(lái)的不便。

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

本發(fā)明提供一種移動(dòng)端頁(yè)面高度固定方法及系統(tǒng)，用以解決現(xiàn)有技術(shù)中移動(dòng)端頁(yè)面切換Tabs選項(xiàng)卡時(shí)頁(yè)面跳躍的問(wèn)題。

本發(fā)明提供一種移動(dòng)端頁(yè)面高度固定方法，包括：

為頁(yè)面中所有并列排列的選項(xiàng)卡設(shè)定父選項(xiàng)卡；

設(shè)定所述父選項(xiàng)卡的高度為所述并列排列的選項(xiàng)卡中高度最大的選項(xiàng)卡 的高度；

將所述父選項(xiàng)卡的高度設(shè)定為頁(yè)面顯示選項(xiàng)卡的高度。

所述方法還包括：

所述頁(yè)面中包括至少兩個(gè)選項(xiàng)卡，且所述選項(xiàng)卡并列排列；

用戶能夠在所述選項(xiàng)卡之間自由選擇切換。

所述方法還包括：

所述選項(xiàng)卡高度根據(jù)自身的顯示內(nèi)容或加載內(nèi)容的不同而不同。

所述方法還包括：

獲取所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度的值；

將所述高度的值設(shè)定為父選項(xiàng)卡的高度的值。

所述方法還包括：

所述父選項(xiàng)卡的高度隨著所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度變化而變化設(shè)定。

所述方法還包括：

所有并列排列的選項(xiàng)卡的高度統(tǒng)一采用所述父選項(xiàng)卡的高度進(jìn)行顯示。

一種移動(dòng)端頁(yè)面高度固定系統(tǒng)，包括：

父選項(xiàng)卡設(shè)定單元，用于為頁(yè)面中所有并列排列的選項(xiàng)卡設(shè)定父選項(xiàng)卡；

高度同步單元，用于設(shè)定所述父選項(xiàng)卡的高度為所述并列排列的選項(xiàng)卡中高度最大的選項(xiàng)卡的高度；

高度設(shè)定單元，用于將所述父選項(xiàng)卡的高度設(shè)定為頁(yè)面顯示選項(xiàng)卡的高度。

所述高度同步單元還用于獲取所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度的值；

將所述高度的值設(shè)定為父選項(xiàng)卡的高度的值。

所述高度同步單元還用于隨著所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度變化而變化設(shè)定所述父選項(xiàng)卡的高度。

所述系統(tǒng)還包括選項(xiàng)卡高度獲取單元，用于根據(jù)自身的顯示內(nèi)容或加載內(nèi)容獲取所述選項(xiàng)卡的高度；

所述高度同步單元從所述選項(xiàng)卡高度獲取單元獲取所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度的值。

本發(fā)明實(shí)施例中，通過(guò)為頁(yè)面中所有并列排列的選項(xiàng)卡設(shè)定父選項(xiàng)卡；設(shè)定所述父選項(xiàng)卡的高度為所述并列排列的選項(xiàng)卡中高度最大的選項(xiàng)卡的高度；將所述父選項(xiàng)卡的高度設(shè)定為頁(yè)面顯示選項(xiàng)卡的高度。本發(fā)明實(shí)施例的方案，能夠通過(guò)設(shè)定父選項(xiàng)卡的操作，將所有并列排列的選項(xiàng)卡的高度統(tǒng)一固定為父選項(xiàng)卡的高度，從而減少了選項(xiàng)卡切換時(shí)由于選項(xiàng)卡高度不同而引起頁(yè)面的跳躍，極大的提高了用戶體驗(yàn)度。

本發(fā)明的其它特征和優(yōu)點(diǎn)將在隨后的說(shuō)明書(shū)中闡述，并且，部分地從說(shuō)明書(shū)中變得顯而易見(jiàn)，或者通過(guò)實(shí)施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點(diǎn)可通過(guò)在所寫(xiě)的說(shuō)明書(shū)、權(quán)利要求書(shū)、以及附圖中所特別指出的結(jié)構(gòu)來(lái)實(shí)現(xiàn)和獲得。

下面通過(guò)附圖和實(shí)施例，對(duì)本發(fā)明的技術(shù)方案做進(jìn)一步的詳細(xì)描述。

附圖說(shuō)明

附圖用來(lái)提供對(duì)本發(fā)明的進(jìn)一步理解，并且構(gòu)成說(shuō)明書(shū)的一部分，與本發(fā)明的實(shí)施例一起用于解釋本發(fā)明，并不構(gòu)成對(duì)本發(fā)明的限制。在附圖中：

圖1為本發(fā)明實(shí)施例1提供的一種移動(dòng)端頁(yè)面高度固定方法原理流程圖；

圖2為本發(fā)明實(shí)施例2提供的一種移動(dòng)端頁(yè)面高度固定系統(tǒng)結(jié)構(gòu)示意圖。

具體實(shí)施方式

以下結(jié)合附圖對(duì)本發(fā)明的優(yōu)選實(shí)施例進(jìn)行說(shuō)明，應(yīng)當(dāng)理解，此處所描述的優(yōu)選實(shí)施例僅用于說(shuō)明和解釋本發(fā)明，并不用于限定本發(fā)明。

如圖1所示，為本發(fā)明實(shí)施例1提供的一種移動(dòng)端頁(yè)面高度固定方法原理流程圖，其中，

步驟11，為頁(yè)面中所有并列排列的選項(xiàng)卡設(shè)定父選項(xiàng)卡。

頁(yè)面通常指我們常說(shuō)的網(wǎng)頁(yè)?，F(xiàn)有的網(wǎng)頁(yè)編輯通常是采用HTML超文本標(biāo)記語(yǔ)言進(jìn)行。超級(jí)文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過(guò)在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容(如：文字如何處理，畫(huà)面如何安排，圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書(shū)寫(xiě)出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過(guò)程，編制者只能通過(guò)顯示效果來(lái)分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋，因而可能會(huì)有不同的顯示效果。

本實(shí)施例中的網(wǎng)頁(yè)采用javascript(JS)腳本進(jìn)行編輯。目的在于可以區(qū)分動(dòng)態(tài)數(shù)據(jù)和靜態(tài)數(shù)據(jù)分別進(jìn)行網(wǎng)頁(yè)內(nèi)容的編輯。JavaScript一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。

JavaScript是一種屬于網(wǎng)絡(luò)的腳本語(yǔ)言,已經(jīng)被廣泛用于Web應(yīng)用開(kāi)發(fā),常用來(lái)為網(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過(guò)嵌入在HTML中來(lái)實(shí)現(xiàn)自身的功能的。

是一種解釋性腳本語(yǔ)言(代碼不進(jìn)行預(yù)編譯)。

主要用來(lái)向HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)頁(yè)面添加交互行為。

可以直接嵌入HTML頁(yè)面，但寫(xiě)成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。

跨平臺(tái)特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺(tái)下運(yùn)行(如Windows、Linux、Mac、Android、iOS等)。

Javascript腳本語(yǔ)言同其他語(yǔ)言一樣，有它自身的基本數(shù)據(jù)類型，表達(dá)式和算術(shù)運(yùn)算符及程序的基本程序框架。Javascript提供了四種基本的數(shù)據(jù)類型和兩種特殊數(shù)據(jù)類型用來(lái)處理數(shù)據(jù)和文字。而變量提供存放信息的地方，表達(dá)式則可以完成較復(fù)雜的信息處理。

JavaScript腳本語(yǔ)言具有以下特點(diǎn):

(1)腳本語(yǔ)言。JavaScript是一種解釋型的腳本語(yǔ)言,C、C++等語(yǔ)言先編譯后執(zhí)行,而JavaScript是在程序的運(yùn)行過(guò)程中逐行進(jìn)行解釋。

(2)基于對(duì)象。JavaScript是一種基于對(duì)象的腳本語(yǔ)言,它不僅可以創(chuàng)建對(duì)象,也能使用現(xiàn)有的對(duì)象。

(3)簡(jiǎn)單。JavaScript語(yǔ)言中采用的是弱類型的變量類型,對(duì)使用的數(shù)據(jù)類型未做出嚴(yán)格的要求,是基于Java基本語(yǔ)句和控制的腳本語(yǔ)言,其設(shè)計(jì)簡(jiǎn)單緊湊。

(4)動(dòng)態(tài)性。JavaScript是一種采用事件驅(qū)動(dòng)的腳本語(yǔ)言,它不需要經(jīng)過(guò)Web服務(wù)器就可以對(duì)用戶的輸入做出響應(yīng)。在訪問(wèn)一個(gè)網(wǎng)頁(yè)時(shí),鼠標(biāo)在網(wǎng)頁(yè)中進(jìn)行鼠標(biāo)點(diǎn)擊或上下移、窗口移動(dòng)等操作JavaScript都可直接對(duì)這些事件給出相應(yīng)的響應(yīng)。

(5)跨平臺(tái)性。JavaScript腳本語(yǔ)言不依賴于操作系統(tǒng),僅需要瀏覽器的支持。因此一個(gè)JavaScript腳本在編寫(xiě)后可以帶到任意機(jī)器上使用,前提上機(jī)器上的瀏覽器支持JavaScript腳本語(yǔ)言,目前JavaScript已被大多數(shù)的瀏覽器所支持。

不同于服務(wù)器端腳本語(yǔ)言，例如PHP與ASP，JavaScript主要被作為客戶端腳本語(yǔ)言在用戶的瀏覽器上運(yùn)行，不需要服務(wù)器的支持。所以在早期程序員比較青睞于JavaScript以減少對(duì)服務(wù)器的負(fù)擔(dān)，而與此同時(shí)也帶來(lái)另一個(gè)問(wèn)題：安全性。

而隨著服務(wù)器的強(qiáng)壯，雖然程序員更喜歡運(yùn)行于服務(wù)端的腳本以保證安全，但JavaScript仍然以其跨平臺(tái)、容易上手等優(yōu)勢(shì)大行其道。同時(shí)，有些特殊功能(如AJAX)必須依賴Javascript在客戶端進(jìn)行支持。隨著引擎如V8和框架如Node.js的發(fā)展，及其事件驅(qū)動(dòng)及異步IO等特性，JavaScript逐漸被用來(lái) 編寫(xiě)服務(wù)器端程序。

腳本script是使用一種特定的描述性語(yǔ)言，依據(jù)一定的格式編寫(xiě)的可執(zhí)行文件，又稱作宏或批處理文件。腳本通?？梢杂蓱?yīng)用程序臨時(shí)調(diào)用并執(zhí)行。各類腳本目前被廣泛地應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中，因?yàn)槟_本不僅可以減小網(wǎng)頁(yè)的規(guī)模和提高網(wǎng)頁(yè)瀏覽速度，而且可以豐富網(wǎng)頁(yè)的表現(xiàn)，如動(dòng)畫(huà)、聲音等。舉個(gè)最常見(jiàn)的例子，當(dāng)我們點(diǎn)擊網(wǎng)頁(yè)上的E－mail地址時(shí)能自動(dòng)調(diào)用Outlook Express或Foxmail這類郵件軟件，就是通過(guò)腳本功能來(lái)實(shí)現(xiàn)的。也正因?yàn)槟_本的這些特點(diǎn)，往往被一些別有用心的人所利用。例如在腳本中加入一些破壞計(jì)算機(jī)系統(tǒng)的命令，這樣當(dāng)用戶瀏覽網(wǎng)頁(yè)時(shí)，一旦調(diào)用這類腳本，便會(huì)使用戶的系統(tǒng)受到攻擊。所以用戶應(yīng)根據(jù)對(duì)所訪問(wèn)網(wǎng)頁(yè)的信任程度選擇安全等級(jí)，特別是對(duì)于那些本身內(nèi)容就非法的網(wǎng)頁(yè)，更不要輕易允許使用腳本。通過(guò)“安全設(shè)置”對(duì)話框，選擇“腳本”選項(xiàng)下的各種設(shè)置就可以輕松實(shí)現(xiàn)對(duì)腳本的禁用和啟用。

現(xiàn)在的腳本語(yǔ)言是比較多的，一般的腳本語(yǔ)言的執(zhí)行只同具體的解釋執(zhí)行器有關(guān)，所以只要系統(tǒng)上有相應(yīng)語(yǔ)言的解釋程序就可以做到跨平臺(tái)。腳本(Script)，就是含有bind和alias等命令的集合，你可以把這個(gè)集合存為一個(gè)獨(dú)立的文件然后在需要的時(shí)候執(zhí)行，這樣就可以方便你在CS中的使用。腳本可以存為后綴名為.cfg的文件放在cstrike文件夾下，執(zhí)行時(shí)在控制臺(tái)輸入：exec(腳本文件名).cfg即可。比如將一個(gè)腳本存為buys.cfg文件，則在控制臺(tái)中輸入：execbuys.cfg則可以實(shí)現(xiàn)我們所需要的功能。要實(shí)現(xiàn)一個(gè)命令只要把這一過(guò)程定義(alias)好，并且分配一個(gè)鍵位給這個(gè)命令，以后只要按分配好的鍵位，就可以實(shí)現(xiàn)這一過(guò)程。所有的腳本都是通過(guò)這一方法實(shí)現(xiàn)的。

較常用的JS函數(shù)庫(kù)有Prototype、Dojo、YUI、Ext JS、Moo Tools、Jquery等?，F(xiàn)在最流行的是Jquery庫(kù)。

本實(shí)施例中，采用JS腳本設(shè)定頁(yè)面的選項(xiàng)卡Tabs。選項(xiàng)卡的設(shè)定，通?？梢杂捎脩糇杂汕袚Q，每個(gè)選項(xiàng)卡中包含不同的內(nèi)容。本實(shí)施例中側(cè)重于對(duì)并列排列的選項(xiàng)卡的操作，尤其是橫向并列的選項(xiàng)卡。由于這些橫向并列的選項(xiàng) 卡的高度不同，在用戶切換選項(xiàng)卡時(shí)，會(huì)造成整體的頁(yè)面高度的變化，液面高度的變化會(huì)帶來(lái)瀏覽器的自動(dòng)適配，然后可能造成頁(yè)面的忽然跳躍，用戶體驗(yàn)不好。

舉例來(lái)說(shuō)，頁(yè)面設(shè)計(jì)時(shí)，選項(xiàng)卡的切換可以通過(guò)如下方式實(shí)現(xiàn)：

下載相關(guān)的腳步運(yùn)行庫(kù)：由于采用JQuery腳本來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果，因此需要在網(wǎng)上搜索并下載相應(yīng)的JQuery運(yùn)動(dòng)庫(kù)，下載完成后進(jìn)行解壓縮，將解壓后的文件拷貝到網(wǎng)站的根目錄下。

新建一網(wǎng)頁(yè)文件，命名為"index.html",利用文本編輯器打開(kāi)，由于打算利用JQuery實(shí)現(xiàn)網(wǎng)頁(yè)的腳本，因此需要引入對(duì)JQuery運(yùn)行庫(kù)的訪問(wèn)?！癷ndex.html”文件的重要作用是給用戶呈現(xiàn)最基本的網(wǎng)頁(yè)選項(xiàng)卡框架，其中包括三個(gè)選項(xiàng)卡，每一個(gè)選項(xiàng)卡中包括若干二級(jí)超鏈接，當(dāng)然也可以是其它的文本內(nèi)容。在文件中輸入如圖所示的代碼。代碼中包括對(duì)樣式文件“MyStyle.css”和腳本文件“MyJQuery.js”的引用，對(duì)于這兩個(gè)文件，我們將會(huì)在后面的講解中進(jìn)行展示。

在當(dāng)前目錄下新建一名稱為"MyStyle.css"的層疊樣式表文件，利用該文件實(shí)現(xiàn)網(wǎng)頁(yè)的美化。當(dāng)然利用CSS進(jìn)行美化操作的另一目地是實(shí)現(xiàn)網(wǎng)頁(yè)的內(nèi)容與其表現(xiàn)形式的分離，這樣就可以使我們專注于網(wǎng)頁(yè)的美化，實(shí)現(xiàn)了更高效的分工合作理念。

在當(dāng)前目錄下創(chuàng)建另一文件，并命名為“MyQuery.js”。該文件的重要作用是實(shí)現(xiàn)選項(xiàng)卡的切換效果，當(dāng)用戶鼠標(biāo)劃過(guò)其中的一個(gè)菜單時(shí)，該菜單將顯現(xiàn)高亮顯示狀態(tài)，同時(shí)位于該菜單下方的內(nèi)容將會(huì)慢慢顯示出來(lái)，并做了相應(yīng)的的改變，同時(shí)其它選項(xiàng)卡的高亮顯示狀態(tài)被取消，恢復(fù)為默認(rèn)狀態(tài)。

雙擊文件"index.html"，就會(huì)自動(dòng)啟動(dòng)瀏覽器。當(dāng)用戶鼠標(biāo)劃過(guò)其中的一個(gè)菜單時(shí)，該菜單將顯現(xiàn)高亮顯示狀態(tài)，同時(shí)位于該菜單下方的內(nèi)容將會(huì)慢慢顯示出來(lái)，并做了相應(yīng)的的改變，同時(shí)其它選項(xiàng)卡的高亮顯示狀態(tài)被取消，恢復(fù)為默認(rèn)狀態(tài)。

本實(shí)施例中，在頁(yè)面中設(shè)計(jì)有選項(xiàng)卡時(shí)，還需要為各個(gè)并列排列的選項(xiàng)卡 設(shè)定一個(gè)父選項(xiàng)卡。這個(gè)父選項(xiàng)卡不用于具體的顯示操作，而是用戶選項(xiàng)卡高度的設(shè)定。

步驟12，設(shè)定所述父選項(xiàng)卡的高度為所述并列排列的選項(xiàng)卡中高度最大的選項(xiàng)卡的高度。

每個(gè)選項(xiàng)卡高度根據(jù)自身的顯示內(nèi)容或加載內(nèi)容的不同而不同。獲取所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度的值；將所述高度的值設(shè)定為父選項(xiàng)卡的高度的值。

這里，需要獲取每個(gè)選項(xiàng)卡的高度，然后取其中高度的最大值，作為父選項(xiàng)卡的高度。

父選項(xiàng)卡的高度隨著所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度變化而變化設(shè)定。

步驟13，將所述父選項(xiàng)卡的高度設(shè)定為頁(yè)面顯示選項(xiàng)卡的高度。

所有并列排列的選項(xiàng)卡的高度統(tǒng)一采用所述父選項(xiàng)卡的高度進(jìn)行顯示。這里，就是統(tǒng)一各個(gè)選項(xiàng)卡的高度，使得選項(xiàng)卡切換的時(shí)候，頁(yè)面總體高度不便，就不會(huì)引起頁(yè)面跳躍。

本發(fā)明實(shí)施例通過(guò)為頁(yè)面中所有并列排列的選項(xiàng)卡設(shè)定父選項(xiàng)卡；設(shè)定所述父選項(xiàng)卡的高度為所述并列排列的選項(xiàng)卡中高度最大的選項(xiàng)卡的高度；將所述父選項(xiàng)卡的高度設(shè)定為頁(yè)面顯示選項(xiàng)卡的高度。本發(fā)明實(shí)施例的方案，能夠通過(guò)設(shè)定父選項(xiàng)卡的操作，將所有并列排列的選項(xiàng)卡的高度統(tǒng)一固定為父選項(xiàng)卡的高度，從而減少了選項(xiàng)卡切換時(shí)由于選項(xiàng)卡高度不同而引起頁(yè)面的跳躍，極大的提高了用戶體驗(yàn)度。

如圖2所示，為本發(fā)明實(shí)施例2提供的一種移動(dòng)端頁(yè)面高度固定系統(tǒng)結(jié)構(gòu)示意圖，其中，

父選項(xiàng)卡設(shè)定單元21，用于為頁(yè)面中所有并列排列的選項(xiàng)卡設(shè)定父選項(xiàng) 卡；

高度同步單元22，用于設(shè)定所述父選項(xiàng)卡的高度為所述并列排列的選項(xiàng)卡中高度最大的選項(xiàng)卡的高度；

高度設(shè)定單元23，用于將所述父選項(xiàng)卡的高度設(shè)定為頁(yè)面顯示選項(xiàng)卡的高度。

進(jìn)一步的，上述高度同步單元22還用于獲取所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度的值；

將所述高度的值設(shè)定為父選項(xiàng)卡的高度的值。

進(jìn)一步的，上述高度同步單元22還用于隨著所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度變化而變化設(shè)定所述父選項(xiàng)卡的高度。

進(jìn)一步的，上述系統(tǒng)還包括選項(xiàng)卡高度獲取單元24，用于根據(jù)自身的顯示內(nèi)容或加載內(nèi)容獲取所述選項(xiàng)卡的高度；

所述高度同步單元22從所述選項(xiàng)卡高度獲取單元24獲取所述選項(xiàng)卡中高度最大的選項(xiàng)卡的高度的值。

綜上所述，本發(fā)明實(shí)施例通過(guò)為頁(yè)面中所有并列排列的選項(xiàng)卡設(shè)定父選項(xiàng)卡；設(shè)定所述父選項(xiàng)卡的高度為所述并列排列的選項(xiàng)卡中高度最大的選項(xiàng)卡的高度；將所述父選項(xiàng)卡的高度設(shè)定為頁(yè)面顯示選項(xiàng)卡的高度。本發(fā)明實(shí)施例的方案，能夠通過(guò)設(shè)定父選項(xiàng)卡的操作，將所有并列排列的選項(xiàng)卡的高度統(tǒng)一固定為父選項(xiàng)卡的高度，從而減少了選項(xiàng)卡切換時(shí)由于選項(xiàng)卡高度不同而引起頁(yè)面的跳躍，極大的提高了用戶體驗(yàn)度。

本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本發(fā)明的實(shí)施例可提供為方法、系統(tǒng)、或計(jì)算機(jī)程序產(chǎn)品。因此，本發(fā)明可采用完全硬件實(shí)施例、完全軟件實(shí)施例、或結(jié)合軟件和硬件方面的實(shí)施例的形式。而且，本發(fā)明可采用在一個(gè)或多個(gè)其中包含有計(jì)算機(jī)可用程序代碼的計(jì)算機(jī)可用存儲(chǔ)介質(zhì)(包括但不限于磁盤(pán)存儲(chǔ)器和光學(xué)存儲(chǔ)器等)上實(shí)施的計(jì)算機(jī)程序產(chǎn)品的形式。

本發(fā)明是參照根據(jù)本發(fā)明實(shí)施例的方法、設(shè)備(系統(tǒng))、和計(jì)算機(jī)程序產(chǎn)品的流程圖和/或方框圖來(lái)描述的。應(yīng)理解可由計(jì)算機(jī)程序指令實(shí)現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計(jì)算機(jī)程序指令到通用計(jì)算機(jī)、專用計(jì)算機(jī)、嵌入式處理機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個(gè)機(jī)器，使得通過(guò)計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的裝置。

這些計(jì)算機(jī)程序指令也可存儲(chǔ)在能引導(dǎo)計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計(jì)算機(jī)可讀存儲(chǔ)器中，使得存儲(chǔ)在該計(jì)算機(jī)可讀存儲(chǔ)器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能。

這些計(jì)算機(jī)程序指令也可裝載到計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計(jì)算機(jī)實(shí)現(xiàn)的處理，從而在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行的指令提供用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的步驟。

顯然，本領(lǐng)域的技術(shù)人員可以對(duì)本發(fā)明進(jìn)行各種改動(dòng)和變型而不脫離本發(fā)明的精神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其等同技術(shù)的范圍之內(nèi)，則本發(fā)明也意圖包含這些改動(dòng)和變型在內(nèi)。