CN103473086A - ADSL modem web interface switching method - Google Patents
ADSL modem web interface switching method Download PDFInfo
- Publication number
- CN103473086A CN103473086A CN2013103857765A CN201310385776A CN103473086A CN 103473086 A CN103473086 A CN 103473086A CN 2013103857765 A CN2013103857765 A CN 2013103857765A CN 201310385776 A CN201310385776 A CN 201310385776A CN 103473086 A CN103473086 A CN 103473086A
- Authority
- CN
- China
- Prior art keywords
- css
- style sheet
- self
- defined control
- style
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
Disclosed is an ADSL modem web interface switching method. The method includes 1, substituting a user's interface to be changed by using a style type; 2, creating various CSS (cascading style sheets), and defining the style type in the CSS; 3, creating a custom control corresponding to the CSS in a web page; 4, triggering the custom control to substitute the current CSS, and loading the attribute value of the style type corresponding to the CCS. By the aid of the method, the position to be substituted can be found out through the style type, and then the attribute value of the style type, namely the CSS, can be loaded, so that background style changing of an ADSL modem can be completed conveniently, different requirements of users can be met and user experience is fine.
Description
Technical field
The present invention relates to broadband cat technical field, particularly relate to a kind of broadband cat web interface switching method.
Background technology
In the cat of broadband, web is basic element, and central logo and background color are the most basic elements in the middle of web, is the first sensation of customer experience.Usually, our broadband cat can be faced panoramic user, and each user is visually contradictory and confused to color, and some likes orange, and some likes red.At present, the broadband cat all only has single a kind of color, so can only meet a part of vision requirement.
Logo color and the background color of the user interface of existing broadband cat are all single changeless, realize web background color method be directly on source code, again to write again, can't accomplish the switching of supporting multiple background color under the style at same interface using.
Summary of the invention
Based on this, be necessary the broadband cat web interface switching method that provides a kind of user of convenience to switch style.
A kind of broadband cat web interface switching method comprises:
Step 1: will need the user interface changed to use the pattern class to be replaced;
Step 2: create various style sheet CSS, the described pattern class of definition in described style sheet CSS;
Step 3: create self-defined control in web page, by the corresponding style sheet CSS of self-defined control;
Step 4: trigger self-defined control, replace current style sheet CSS, the property value in style of loading table CSS under corresponding pattern class.
Further, describedly create self-defined control in web page, the step of the corresponding style sheet CSS of self-defined control specifically comprised:
Create self-defined control in web page;
The ID value of self-defined control and style sheet CSS name-matches.
Further, the property value under described pattern class comprises the title of background color and/or load document.
Further, described background color comprises red, orange, yellow, green, blue, blue, purple.
Further, also comprise:
Define a link label, connect the style sheet CSS of an acquiescence.
After adopting method of the present invention, find out the position of need replacing by the pattern class, style of loading generic attribute value then, style sheet CSS, complete the background style conversion of broadband cat easily, meets users' different demands, and customer experience is good.
The accompanying drawing explanation
The process flow diagram that Fig. 1 is an embodiment provided by the invention;
The process flow diagram that Fig. 2 is another embodiment provided by the invention.
Embodiment
In order to make purpose of the present invention, technical scheme and advantage clearer, below in conjunction with drawings and Examples, the present invention is described in more detail.Should be appreciated that specific embodiment described herein, only in order to explain the present invention, is not intended to limit the present invention.
Consult Fig. 1, the web background changing method of an embodiment provided by the invention comprises:
Step S101, the user interface that needs are changed is used the pattern class to be replaced;
The background of originally directly writing in code, style, font or picture, used the pattern class now, and convenient the replacement knows where what will replace, replace if being what.For example, originally directly picture being added in code, is exactly the pattern class with a picture now, in the time of replacement, sees where picture just knows.
Step S102, create various style sheet CSS, the described pattern class of definition in described style sheet CSS;
Where step S101 is to need to replace if finding, what step S102 specifically changes into after step S101 finds the position of replacement.For example, in pattern class red, its style sheet red.css is the property value under pattern class red, comprises the title of the file of background color red and loading.
Step S103 creates self-defined control in web page, by the corresponding style sheet CSS of self-defined control;
In a preferred embodiment, step S103 specifically comprises:
Create self-defined control in web page;
The ID value of self-defined control and style sheet CSS name-matches, and corresponding one by one.
For example, the title red coupling of the ID value of the control of the corresponding switching of self-defined control red background and style sheet red.css.
Step S104, trigger self-defined control, replaces current style sheet CSS, the property value in style of loading table CSS under corresponding pattern class.
In a preferred embodiment, the property value under the style sheet class comprises the title of background color and/or load document.Being appreciated that the property value under the pattern class is not limited to the title of background color and/or load document, can also be size, font of font etc.Background color comprises red, orange, yellow, green, blue, blue, purple, is appreciated that background color can be any color.
Consult Fig. 2, the broadband cat web interface switching method for another embodiment provided by the invention comprises:
Step S201, the user interface that needs are changed is used the pattern class to be replaced;
The background of originally directly writing in code, style, font or picture, used the pattern class now, in the time of convenient the replacement, knows where what will replace, replace if being what.For example, originally directly picture being added in code, is exactly the pattern class with a picture now, in the time of replacement, sees where picture just knows.
Step S202, create various style sheet CSS, the described pattern class of definition in described style sheet CSS;
Where step S201 is to need to replace if finding, what step S202 specifically changes into after step S201 finds the position of replacement.For example, in pattern class red, its style sheet red.css is the property value under pattern class red, comprises the title of the file of background color red and loading.
Step S203 creates self-defined control in web page, by the corresponding style sheet CSS of self-defined control;
In a preferred embodiment, step S203 specifically comprises:
Create self-defined control in web page;
The ID value of self-defined control and style sheet CSS name-matches, and corresponding one by one.
For example, the title red coupling of the ID value of the control of the corresponding switching of self-defined control red background and style sheet red.css.
Step S204, trigger self-defined control, replaces current style sheet CSS, the property value in style of loading table CSS under corresponding pattern class;
In a preferred embodiment, the property value under the style sheet class comprises the title of background color and/or load document.Being appreciated that the property value under the pattern class is not limited to the title of background color and/or load document, can also be size, font of font etc.Background color comprises red, orange, yellow, green, blue, blue, purple, is appreciated that background color can be any color.
Step S205, define a link label, connects the style sheet CSS of an acquiescence.
After the broadband cat powers on, connect the style sheet CSS of an acquiescence according to the link label.Stylesheet CSS is most widely used setting, is applicable to public users.
After adopting method of the present invention, find out the position of need replacing by the pattern class, style of loading generic attribute value then, style sheet CSS, complete the background style conversion of broadband cat easily, meets users' different demands, and customer experience is good.
The above embodiment has only expressed several embodiment of the present invention, and it describes comparatively concrete and detailed, but can not therefore be interpreted as the restriction to the scope of the claims of the present invention.It should be pointed out that for the person of ordinary skill of the art, without departing from the inventive concept of the premise, can also make some distortion and improvement, these all belong to protection scope of the present invention.Therefore, the protection domain of patent of the present invention should be as the criterion with claims.
Claims (5)
1. a broadband cat web interface switching method, is characterized in that, comprising:
Step 1: will need the user interface changed to use the pattern class to be replaced;
Step 2: create various style sheet CSS, the described pattern class of definition in described style sheet CSS;
Step 3: create self-defined control in web page, by the corresponding style sheet CSS of self-defined control;
Step 4: trigger self-defined control, replace current style sheet CSS, the property value in style of loading table CSS under corresponding pattern class.
2. broadband according to claim 1 cat web interface switching method, is characterized in that, describedly creates self-defined control in web page, and the step of the corresponding style sheet CSS of self-defined control is specifically comprised:
Create self-defined control in web page;
The ID value of self-defined control and style sheet CSS name-matches.
Cat web interface, broadband
3. broadband according to claim 1 cat web interface switching method, be characterised in that, the property value under described pattern class comprises the title of background color and/or load document.
4. broadband according to claim 3 cat web interface switching method, is characterized in that, described background color comprises red, orange, yellow, green, blue, blue, purple.
5. broadband according to claim 1 cat web interface switching method, is characterized in that, also comprises:
Define a link label, connect the style sheet CSS of an acquiescence.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013103857765A CN103473086A (en) | 2013-08-29 | 2013-08-29 | ADSL modem web interface switching method |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013103857765A CN103473086A (en) | 2013-08-29 | 2013-08-29 | ADSL modem web interface switching method |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103473086A true CN103473086A (en) | 2013-12-25 |
Family
ID=49797955
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2013103857765A Pending CN103473086A (en) | 2013-08-29 | 2013-08-29 | ADSL modem web interface switching method |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103473086A (en) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103809864A (en) * | 2012-11-07 | 2014-05-21 | 阿里巴巴集团控股有限公司 | Method and device for switching interfaces dynamically |
CN106055575A (en) * | 2016-05-19 | 2016-10-26 | 天脉聚源(北京)传媒科技有限公司 | Method and device for optimized loading of website page |
CN106126733A (en) * | 2016-07-04 | 2016-11-16 | 浪潮(北京)电子信息产业有限公司 | A kind of method and system changing CSS style |
CN107239289A (en) * | 2017-06-09 | 2017-10-10 | 成都知道创宇信息技术有限公司 | A kind of computer display interface implementation method |
CN108495192A (en) * | 2018-03-13 | 2018-09-04 | 武汉斗鱼网络科技有限公司 | Page editing processing method and processing device |
CN110134477A (en) * | 2019-04-24 | 2019-08-16 | 北京字节跳动网络技术有限公司 | A kind of method, apparatus, medium and the electronic equipment of Dynamic Distribution's User Page |
CN110377371A (en) * | 2019-07-23 | 2019-10-25 | 中信百信银行股份有限公司 | A kind of style sheet method for managing system based on Web label |
CN110727482A (en) * | 2018-07-16 | 2020-01-24 | 阿里巴巴集团控股有限公司 | Interface updating method and device |
CN112003647A (en) * | 2020-08-20 | 2020-11-27 | 上海立磐软件科技有限公司 | Detection method, device and equipment for recycled optical modem and storage medium |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102346619A (en) * | 2010-07-29 | 2012-02-08 | 深圳Tcl新技术有限公司 | Network television for user to customize user interface (UI) and customization method for network television |
CN102495730A (en) * | 2011-12-02 | 2012-06-13 | 曙光信息产业(北京)有限公司 | Dynamic and extendable web interface method |
US20120151438A1 (en) * | 2010-12-08 | 2012-06-14 | Microsoft Corporation | Visual cues based on file type |
CN102929617A (en) * | 2012-10-18 | 2013-02-13 | 广东威创视讯科技股份有限公司 | Skin exchanging method for Web software UI (User Interface) |
-
2013
- 2013-08-29 CN CN2013103857765A patent/CN103473086A/en active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102346619A (en) * | 2010-07-29 | 2012-02-08 | 深圳Tcl新技术有限公司 | Network television for user to customize user interface (UI) and customization method for network television |
US20120151438A1 (en) * | 2010-12-08 | 2012-06-14 | Microsoft Corporation | Visual cues based on file type |
CN102495730A (en) * | 2011-12-02 | 2012-06-13 | 曙光信息产业(北京)有限公司 | Dynamic and extendable web interface method |
CN102929617A (en) * | 2012-10-18 | 2013-02-13 | 广东威创视讯科技股份有限公司 | Skin exchanging method for Web software UI (User Interface) |
Non-Patent Citations (4)
Title |
---|
TANGZHONGXIN: "CSS换肤简单示例", 《HTTP://BLOG.CSDN.NET/TANGZHONGXIN/ARTICLE/DETAILS/4643979》 * |
ZBRYAN: "JavaScript+CSS实现网页换肤功能", 《HTTP://BLOG.CSDN.NET/ZHUBIN215130/ARTICLE/DETAILS/8926536 》 * |
吴超: "《巧用jQuery》", 31 August 2009 * |
小路: "CSS样式切换技巧、css换肤", 《HTTP://BLOG.SINA.COM.CN/S/BLOG_4396A36901000AAR.HTML》 * |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103809864A (en) * | 2012-11-07 | 2014-05-21 | 阿里巴巴集团控股有限公司 | Method and device for switching interfaces dynamically |
CN106055575A (en) * | 2016-05-19 | 2016-10-26 | 天脉聚源(北京)传媒科技有限公司 | Method and device for optimized loading of website page |
CN106126733A (en) * | 2016-07-04 | 2016-11-16 | 浪潮(北京)电子信息产业有限公司 | A kind of method and system changing CSS style |
CN107239289A (en) * | 2017-06-09 | 2017-10-10 | 成都知道创宇信息技术有限公司 | A kind of computer display interface implementation method |
CN108495192A (en) * | 2018-03-13 | 2018-09-04 | 武汉斗鱼网络科技有限公司 | Page editing processing method and processing device |
CN108495192B (en) * | 2018-03-13 | 2021-04-23 | 武汉斗鱼网络科技有限公司 | Page editing processing method and device |
CN110727482A (en) * | 2018-07-16 | 2020-01-24 | 阿里巴巴集团控股有限公司 | Interface updating method and device |
CN110727482B (en) * | 2018-07-16 | 2023-05-12 | 阿里巴巴集团控股有限公司 | Interface updating method and device |
CN110134477A (en) * | 2019-04-24 | 2019-08-16 | 北京字节跳动网络技术有限公司 | A kind of method, apparatus, medium and the electronic equipment of Dynamic Distribution's User Page |
CN110134477B (en) * | 2019-04-24 | 2021-07-20 | 北京字节跳动网络技术有限公司 | Method, device, medium and electronic equipment for dynamically laying out user pages |
CN110377371A (en) * | 2019-07-23 | 2019-10-25 | 中信百信银行股份有限公司 | A kind of style sheet method for managing system based on Web label |
CN112003647A (en) * | 2020-08-20 | 2020-11-27 | 上海立磐软件科技有限公司 | Detection method, device and equipment for recycled optical modem and storage medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103473086A (en) | ADSL modem web interface switching method | |
Chou et al. | A highly efficient universal bipolar host for blue, green, and red phosphorescent OLEDs | |
CN102455862A (en) | Computer-implemented method for manipulating onscreen data | |
CN102981596A (en) | Terminal and screen interface display method | |
CN103729345B (en) | The method and apparatus of wrong content in communication text has been sent out in a kind of correction | |
CN104239076A (en) | Interface color adjusting method and device | |
CN103513979A (en) | Webpage self-adaption layout method and device | |
CN103761098A (en) | Method and device for changing webpage skin and browser | |
CN104156222A (en) | Method for self-defining Android equipment desktop | |
CN102314414A (en) | Realization method of configurable main and detailed data processing table | |
CN103522727B (en) | A kind of glue processing procedure quick de-bubble levelling technique | |
CN103207731A (en) | Annotating method and device for multi-channel display of all-in-one machine | |
CN104363520A (en) | Television parameter configuration method, system and television through NFC near field communication | |
CN104077289A (en) | Method for realizing Web multi-language switching | |
CN103365545A (en) | Method and device for loading data onto pages | |
US11003272B2 (en) | Touch conductive film, touch module, and display device | |
CN104035676B (en) | A kind of switching method and device of the page | |
CN106502498B (en) | The selection method and device of file object on a kind of touch screen terminal | |
CN102867067A (en) | Device and method for data integration processing for heterogenous system | |
CN104317781A (en) | Sensitive word editor | |
CN104346361B (en) | A kind of file browsing method and system | |
CN104133811A (en) | Text processing method and mobile terminal | |
CN107070685A (en) | Implementation method based on cloud platform service moulding plate | |
CN104049768A (en) | Character input method and device based on virtual keyboard | |
CN104317782B (en) | Text document processing method, processing unit and electronic equipment |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20131225 |