一種寬帶貓web界面切換方法
【專利摘要】一種寬帶貓web界面切換方法，包括：步驟1：將需要改變的用戶界面使用樣式類進(jìn)行替換；步驟2：創(chuàng)建各種樣式表CSS，在所述樣式表CSS中定義所述樣式類；步驟3：在web頁面中創(chuàng)建自定義控件，將自定義控件對應(yīng)樣式表CSS；步驟4：觸發(fā)自定義控件，替換當(dāng)前樣式表CSS，加載樣式表CSS中對應(yīng)樣式類下的屬性值。采用本發(fā)明的方法后，通過樣式類找出需要替換的位置，然后加載樣式類屬性值，即樣式表CSS，方便的完成寬帶貓的背景風(fēng)格變換，滿足廣大用戶的不同需求，客戶體驗(yàn)良好。
【專利說明】一種寬帶貓web界面切換方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及寬帶貓【技術(shù)領(lǐng)域】，特別是涉及一種寬帶貓web界面切換方法。
【背景技術(shù)】
[0002]在寬帶貓中，web是基本的元素，當(dāng)中的logo及背景顏色是web當(dāng)中最基本的元素，是客戶體驗(yàn)的第一感覺。通常，我們的寬帶貓會面對形形色色的用戶，每個用戶在視覺上對顏色紛紛不一，有些喜歡橘色，有些喜歡紅色。目前，寬帶貓都只有單一的一種顏色，故而只能滿足一部分的視覺要求。
[0003]現(xiàn)有寬帶貓的用戶界面的logo顏色以及背景顏色都是單一固定不變的，實(shí)現(xiàn)web的背景顏色的的方法是直接在源代碼上再重新編寫，無法做到在使用同一個界面的風(fēng)格下支持多種背景顏色的切換。

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

[0004]基于此，有必要提供一種方便用戶切換風(fēng)格的寬帶貓web界面切換方法。
[0005]一種寬帶貓web界面切換方法，包括:
[0006]步驟1:將需要改變的用戶界面使用樣式類進(jìn)行替換；
[0007]步驟2:創(chuàng)建各種樣式表CSS，在所述樣式表CSS中定義所述樣式類；
[0008]步驟3:在web頁面中創(chuàng)建自定義控件，將自定義控件對應(yīng)樣式表CSS ；
[0009]步驟4:觸發(fā)自定義控件，替換當(dāng)前樣式表CSS，加載樣式表CSS中對應(yīng)樣式類下的屬性值。
[0010]進(jìn)一步的，所述在web頁面中創(chuàng)建自定義控件，將自定義控件對應(yīng)樣式表CSS的步驟具體包括:
[0011]在web頁面中創(chuàng)建自定義控件；
[0012]自定義控件的ID值與樣式表CSS名稱匹配。
[0013]進(jìn)一步的，所述樣式類下的屬性值包括背景顏色和/或加載文件的名稱。
[0014]進(jìn)一步的，所述背景顏色包括紅、橙、黃、綠、青、藍(lán)、紫。
[0015]進(jìn)一步的，還包括:
[0016]定義一個link標(biāo)簽,連接一個默認(rèn)的樣式表CSS。
[0017]采用本發(fā)明的方法后，通過樣式類找出需要替換的位置，然后加載樣式類屬性值，即樣式表CSS，方便的完成寬帶貓的背景風(fēng)格變換，滿足廣大用戶的不同需求，客戶體驗(yàn)良好。
【專利附圖】

【附圖說明】
[0018]圖1為本發(fā)明提供的一個實(shí)施例的流程圖；
[0019]圖2為本發(fā)明提供的另一個實(shí)施例的流程圖。【具體實(shí)施方式】
[0020]為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更清楚明白，以下結(jié)合附圖及實(shí)施例，對本發(fā)明進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0021]參閱圖1，本發(fā)明提供的一個實(shí)施例的web背景切換方法，包括:
[0022]步驟S101，將需要改變的用戶界面使用樣式類進(jìn)行替換；
[0023]原來在代碼中直接編寫的背景、風(fēng)格、字體或者圖片，現(xiàn)在使用樣式類，方便替換，知道要替換的是什么，在哪里替換。例如，原來直接把圖片加在代碼里，現(xiàn)在就是用一個picture的樣式類,替換的時候,看到picture就知道在哪里。
[0024]步驟S102，創(chuàng)建各種樣式表CSS，在所述樣式表CSS中定義所述樣式類；
[0025]步驟SlOl就是找到哪里是需要替換的，步驟S102是在步驟SlOl找到替換的位置后具體換成什么。例如,在樣式類red中，其樣式表red.css為樣式類red下的屬性值，包括背景顏色red和加載的文件的名稱。
[0026]步驟S103，在web頁面中創(chuàng)建自定義控件，將自定義控件對應(yīng)樣式表CSS ；
[0027]在優(yōu)選實(shí)施方式中，步驟S103具體包括:
[0028]在web頁面中創(chuàng)建自定義控件；
[0029]自定義控件的ID值與樣式表CSS名稱匹配，且——對應(yīng)。
[0030]例如，自定義控件對應(yīng)切換紅色背景的控件的ID值與樣式表red.css的名稱red匹配。
[0031]步驟S104，觸發(fā)自定義控件，替換當(dāng)前樣式表CSS，加載樣式表CSS中對應(yīng)樣式類下的屬性值。
[0032]在優(yōu)選實(shí)施方式中，樣式表類下的屬性值包括背景顏色和/或加載文件的名稱。可以理解，樣式類下的屬性值不限于背景顏色和/或加載文件的名稱，還可以是字體的大小、字體等。背景顏色包括紅、橙、黃、綠、青、藍(lán)、紫，可以理解，背景顏色可以為任何顏色。
[0033]參閱圖2，為本發(fā)明提供的另一個實(shí)施例的寬帶貓web界面切換方法，包括:
[0034]步驟S201，將需要改變的用戶界面使用樣式類進(jìn)行替換；
[0035]原來在代碼中直接編寫的背景、風(fēng)格、字體或者圖片，現(xiàn)在使用樣式類，方便替換的時候，知道要替換的是什么，在哪里替換。例如，原來直接把圖片加在代碼里，現(xiàn)在就是用一個picture的樣式類,替換的時候,看到picture就知道在哪里。
[0036]步驟S202，創(chuàng)建各種樣式表CSS，在所述樣式表CSS中定義所述樣式類；
[0037]步驟S201就是找到哪里是需要替換的，步驟S202是在步驟S201找到替換的位置后具體換成什么。例如,在樣式類red中，其樣式表red.css為樣式類red下的屬性值，包括背景顏色red和加載的文件的名稱。
[0038]步驟S203，在web頁面中創(chuàng)建自定義控件，將自定義控件對應(yīng)樣式表CSS ；
[0039]在優(yōu)選實(shí)施方式中，步驟S203具體包括:
[0040]在web頁面中創(chuàng)建自定義控件；
[0041]自定義控件的ID值與樣式表CSS名稱匹配，且——對應(yīng)。
[0042]例如，自定義控件對應(yīng)切換紅色背景的控件的ID值與樣式表red.css的名稱red匹配。[0043]步驟S204，觸發(fā)自定義控件，替換當(dāng)前樣式表CSS，加載樣式表CSS中對應(yīng)樣式類下的屬性值；
[0044]在優(yōu)選實(shí)施方式中，樣式表類下的屬性值包括背景顏色和/或加載文件的名稱?？梢岳斫?，樣式類下的屬性值不限于背景顏色和/或加載文件的名稱，還可以是字體的大小、字體等。背景顏色包括紅、橙、黃、綠、青、藍(lán)、紫，可以理解，背景顏色可以為任何顏色。
[0045]步驟S205，定義一個link標(biāo)簽，連接一個默認(rèn)的樣式表CSS。
[0046]在寬帶貓上電后,根據(jù)link標(biāo)簽連接一個默認(rèn)的樣式表CSS。默認(rèn)樣式表CSS為應(yīng)用最廣泛的設(shè)置，適合大眾用戶。
[0047]采用本發(fā)明的方法后，通過樣式類找出需要替換的位置，然后加載樣式類屬性值，即樣式表CSS，方便的完成寬帶貓的背景風(fēng)格變換，滿足廣大用戶的不同需求，客戶體驗(yàn)良好。
[0048]以上所述實(shí)施例僅表達(dá)了本發(fā)明的幾種實(shí)施方式，其描述較為具體和詳細(xì)，但并不能因此而理解為對本發(fā)明專利范圍的限制。應(yīng)當(dāng)指出的是，對于本領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明構(gòu)思的前提下，還可以做出若干變形和改進(jìn)，這些都屬于本發(fā)明的保護(hù)范圍。因此，本發(fā)明專利的保護(hù)范圍應(yīng)以所附權(quán)利要求為準(zhǔn)。
【權(quán)利要求】
1.一種寬帶貓web界面切換方法，其特征在于，包括: 步驟1:將需要改變的用戶界面使用樣式類進(jìn)行替換； 步驟2:創(chuàng)建各種樣式表CSS，在所述樣式表CSS中定義所述樣式類； 步驟3:在web頁面中創(chuàng)建自定義控件，將自定義控件對應(yīng)樣式表CSS; 步驟4:觸發(fā)自定義控件，替換當(dāng)前樣式表CSS，加載樣式表CSS中對應(yīng)樣式類下的屬性值。
2.根據(jù)權(quán)利要求1所述的寬帶貓web界面切換方法，其特征在于，所述在web頁面中創(chuàng)建自定義控件，將自定義控件對應(yīng)樣式表CSS的步驟具體包括: 在web頁面中創(chuàng)建自定義控件； 自定義控件的ID值與樣式表CSS名稱匹配。 寬帶貓web界面
3.根據(jù)權(quán)利要求1所述的寬帶貓web界面切換方法，特征在于，所述樣式類下的屬性值包括背景顏色和/或加載文件的名稱。
4.根據(jù)權(quán)利要求3所述的寬帶貓web界面切換方法，其特征在于，所述背景顏色包括紅、橙、黃、綠、青、藍(lán)、紫。
5.根據(jù)權(quán)利要求1所述的寬帶貓web界面切換方法，其特征在于，還包括: 定義一個link標(biāo)簽,連接一個默認(rèn)的樣式表CSS。
【文檔編號】G06F9/445GK103473086SQ201310385776
【公開日】2013年12月25日 申請日期:2013年8月29日 優(yōu)先權(quán)日:2013年8月29日
【發(fā)明者】唐芬芬 申請人:上海斐訊數(shù)據(jù)通信技術(shù)有限公司