In the previous article to introduce Bootstrap to create a left-side folding menu system template (a), specific content can be clicked to learn more details.
1. About the previous article bug
A few friends raised questions and bugs in the last
In doing this function, I refer to NetEase registration (http://reg.163.com/reg/reg.jsp?product=urs) in the mailbox column to achieve the function and effect. The purpose of this function is to enable users to fill in the mailbox column in the
1. HTML Object access problem
FireFox:document.getElementById ("Idname");Ie:document.idname or document.getElementById ("Idname").Solution: Unified use of document.getElementById ("Idname"); 2. The question of the const
Description: Firefox,
Last week took a new website construction work, which need to jquery code to achieve level three menu needs, in fact, it is difficult to say, the following small series to share the code for everyone's reference.
First to show you the effect of the
This article illustrates the method of jquery making a simple bar chart. Share to everyone for your reference. The implementation methods are as follows:
HTML section:
Copy Code code as follows:
Bar Chart
This example for you to share the bootstrap navigation of the specific code for your reference, the specific contents are as follows
Source code
. Nav {
padding-left:0;
margin-bottom:0;
List-style:none
}
. Nav > li {
position:relative;
According to my project practice, there are mainly several key points:
1: Static tree support, that is, all the data loaded to the client at a one-time.2: Asynchronous tree, that is, only one level or several levels of nodes are loaded at a time,
, IE and Firefox js and CSS
PNG Transparent AlphaImageLoaderFilter:progid:DXImageTransform.Microsoft.AlphaImageLoader (Enabled=benabled,sizingmethod=ssize,src=surl)
Enabled: Options available. A Boolean value (Boolean). Sets or retrieves whether
One line of code:
" >
There is also a direct use of JS processing the entire page of all TR alternating color:
website Special Effects Tutorial | linkweb.cn/js|---Select all and change tr color
JavaScript" type= "Text/javascript Tutorial"
1.DOCTYPE affects CSS processing2.ff:div set Margin-left, Margin-right is already centered when auto, IE not3.ff:body set Text-align, Div needs to set Margin:auto (mainly margin-left,margin-right) to center4.FF: Set padding, div will increase the
Now most are using!important to hack, for IE6 and Firefox test can be normal display, but IE7 to!important can be correctly interpreted, will cause the page did not appear as required! Find a good hack way for IE7 is to use "*+html", now use IE7 to
1 CSS styles for Firefox IE6 IE7
Now most are using!important to hack, for IE6 and Firefox test can be normal display, but IE7 to!important can be correctly interpreted, will cause the page did not appear as required! Find a good hack way for IE7
Objective
For the Drop-down list of select, such as the state to choose such a feature, the world so many countries, has been pulling a lot of hard, eyes to look for, tired! So in order to optimize the user experience, the Drop-down box with lookup
1. Train of Thought
Paging data query, while caching the setup progress (percentage of total data for the current fetch point)
2, Interface progress bar for asynchronous request cache ratio
3, Code
Css:
body{
position:relative
}
.
(1) First download the bootstrap and copy the BOOTSTRAP.MIN.CSS to the project.
(2) New STYLE.CSS, implementation code as follows:
. row{
margin-bottom:20px;
Row. row{
margin-top:10px;
margin-bottom:0px;
}
[class*= "col-"] {
This article describes the JavaScript simulation implementation of Ajax loading box method, shared for everyone to reference. The specific methods are as follows:
Copy Code code as follows:
function loading (P_VALUE,STR)
{
if (P_value)
CSS from:
http://www.tbrown.org/ideas/tabularlist/
The principle is very simple, is to use the UL Li such list element, the horizontal display data, also does not have the new idea, because it's this model is very practical.
Xhtml:
widgets America
Picture Effects | show
lightbox--new and practical display picture effect
"Lightbox" is a chic and easy-to-use picture display that allows a picture to be rendered directly above the current page without having to go to a new window. The text
These methods are usually used when I find a collection on the Internet, OH, I declare in advance to avoid misunderstanding!
First, CSS HACK
The following two methods can solve almost all hack today.
1,!important
With the support of IE7
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.