browser's conditional annotation theory, use the following example to explain this problem
X Html
The following code is a test of the effect of a conditional comment statement in Microsoft's IE browser
Copy Code code as follows:
Detection results in the speed diagnostics of the Web site of the card network:
The HTML page has successfully enabled gzip compression
The CSS file was not successfully enabled for GZIP compression
Later, the study found that IIS enabled
Both judge the resolution and also judge the browser
Re-refine the code to make it a good judge of browser type screen resolution automatically calls different CSS code.
Copy Code code as follows:
Explain:
var ie1024= "";
var ie800=
It was changed in the original level two directory, first give the demo
Here is the CSS
Copy Code code as follows:
/*BG macji (http://www.macji.com) * *
ul,li,p{margin:0; padding:0; list-style:none; font-size:12px}
.
Use JS to generate any rounded corners, the next step is to join the right angle guide angle, round the guide, outside the rounded corner guide, there are border processing, shadow generation, and soft treatment are the focus and difficulties.
Use JS to dynamically set CSS styles, common in the following several
1. Set the properties of the style directly some cases with this setting!important value is invalid
If the attribute has a '-' number, it is written in the form of a hump (e.g.
method One: Use JavaScript's onfocus event to achieve the following:HTML code
Copy Code code as follows:
Design Honeycomb
If you introduce the jquery framework, you can leverage its event-binding mechanism:
JS Code
This paper illustrates the dynamic block drift effect of jquery+css. Share to everyone for your reference, specific as follows:
The screenshot of the running effect is as follows:
The specific code is as follows:
More
When you want to place a large submenu in a limited navigation menu space, we generally use the form of a Pull-down menu to make up for the lack of space. This article will take you with a minimum of time, using jquery and CSS combined to create a
css Menu Demo cloud-Habitat community Foot This column network programming database Source Download software download Service Introduction service two service two ;li> Service II Service two service two Service two
The example in this article describes the blue level two navigation menu effect implemented by JQUERY+CSS. Share to everyone for your reference. Specifically as follows:
This is a blue classic jquery+css to achieve level two navigation menu, I
CSS and JS with parameters (such as. css?v= and. js?v=)
Copy Code code as follows:
There are two possible uses of parameters,
The first, the script does not exist, but the server side dynamically generated, so with a version number,
JS enables users to select conditions on the page to change the style of the page, page style can be decorated by style, can also be decorated by CSS, first look at JS change style style, the code is as follows:
Change.html --> div1
This paper illustrates the effect of the multilevel vertical expanded tree-shape menu implemented by JQUERY+CSS. Share to everyone for your reference. Specifically as follows:
The vertical tree menu is shown here, CSS and jquery techniques are used
This is a use of jquery animation effects and CSS to create a side edge pop-up vertical navigation, the entire pop-up process is smoother, and the code is very simple, if you are looking for a driven vertical navigation, then you can try this. Here
Recently in doing some OA front-end interface, in order to better manage the page code to write a JS selector, write written to find very laborious, simply looking for a look on the Internet, Kung Fu, find a mini CSS selector, and performance
Today, the study of JS with the SetAttribute method to achieve a page two style sheet effect, the specific methods are as follows:
Step one: Define an ID in the element that connects the style sheet, for example
Copy Code code as follows:
This function is mainly to solve the content page in the picture too large, resulting in the page is more ugly, need such code, need friends can refer to the
Requirements: Picture width
1, the use of max-width,max-height to make pictures such as
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service