Unordered listAn unordered list is a list of items that are marked with a bold dot (typically a small black circle).The unordered list starts with the
Ordered listSimilarly, a sequence table is a list of items that are marked with numbers.The sequence list starts with the
Definition ListA custom list is not just a column of items, but a combination of items and their annotations.The custom list starts with the
Different types of ordered listsThis example shows the different types of
HTML unordered table, it is recommended to use styles to define the type of the list.Usually paired with LiOptional properties:Type:disc Dots, Circle circles, square squaresCompact: Smaller display effect than normal"circle" compact="compact" > : The UL tag of HTML
Li Wu:Heng Learn to think together, honouring teachers save Thanksgiving. Leaf See root three return to one, rivers the same oneness.Meekness Conscience Lord, willing to do without regrets to the most bitter. Reading exercises to keep the body and mind, sincere advice and the line and cherish.
Ide:visual Studio 2017
Browser:chrome/firefox
Os:win7
Code EffectExtendedInstead focusing: When the unordered list is nested, it is a static effect that can be combined with JavaScript t
This example describes the way JavaScript displays and hides the UL list. Share to everyone for your reference. Specifically as follows:
I hope this article will help you with your JavaScript programming.
Block-level element div as little as possible, in fact, as with table, nesting less the better, it will affect the speed!
OL have sequence table.
The performance is:
1. ...
2. ...
3. ...
UL unordered list, showing that the front of the Li is a circle dot instead of 123
Multiple people easily ignore the use of DL DT DD
DL Content Block
The caption of the DT content block
DD Content
To write this:
The examples in this article describe the implementation of the two UL tags in jquery. Share to everyone for your reference. The implementation method is as follows:
I hope this article will help you with your jquery programming.
The example in this article describes the method used in JavaScript to manipulate the LI in ul. Share to everyone for your reference. as follows:
The wants this article to help you with your JavaScript programming.
css| Web page
The form is not unfamiliar, and the thin form is widely used.There are a number of ways to do a thin form, such as:1. The simplest method of thin-Line table, using the table property directly
2. Use the table background color and Spacing properties to construct the table, it should be noted that TD must also use the background color to show the line
Of course the above methods are very useful, but we are not talking about these today, but using another method--
Before you start,
I suddenly thought of this method when I wrote three columns of layout with CSS for a few days. I think this idea is crazy. If there is anything wrong with it, please kindly advise. When writing a three-column layout, I usually choose to use the following DIV Layout Method: This method suddenly came into mind when I wrote three-column layout with CSS for a few days, I think this idea is crazy. If there is anything wrong with it, please kindly advise.
When you need to write a three-column layout,
According to the standard, UL inside should only put Li, but see colleagues have put H3, p these, so in the end can?But UL inside put other labels, not only does not conform to the semantics, in the ie7-inside also will have the question:If the Can you put other tags in the HTML ul, such as H3, p?
1 Section sections are used to divide different areas on a page, or to divide different sections in an article2 3 Header page header or section header4 5 Footer The bottom of the page or (section) at the bottom6 7 Nav navigation (contains a list of links)8 9 article is used to represent a complete and independent piece of content in a pageTen A post that can be used to present a forum, a magazine or newspaper article, a blog, user-submitted comment content, an interactive page module pendant, et
Function nav ($parent) {
$sql = mysql_query ("Select * from menu where parent = ' $parent '");
while ($row = Mysql_fetch_array ($sql)) {
Echo '
'. $row [' name ']. ';Nav ($row [' id ']);Echo '';
}
}
How to set the sub-class UL output it?
Like this
Music
Popular
Classic
80 's
90 's
Movie
Books
Reply to discussion (sol
JavaScript implements simple ordering of page elements (Ul-li)HTML page:inputtype= "button"value= "Show"onclick= "Show ()" /> ulID= "UL1"> Li>4Li> Li>3Li> Li>2Li> Li>1Li> ul>JavaScript codefunctionShow () {varUl1=document.getelementbyid ("Ul1"); //find out all our Li drops. varLis=ul1.getelementsbytagname ("Li"); //set up with a new array of drops Yes varlist=[]; varlilen
At ordinary times in order to write a JS effect, thus ignoring the nesting of the label, leading to the confusion of the IE6-7, In UL, directly nested Div, in IE7 versions earlier, will appear in the situation is: the DIV is wrapped in Li, which is closest to it.See Dome
CSS
Under GoogleIn IE7 document mode, the DIV is added to the Li closest to it.So and UL do not support writing directly nested Div
Source: http://www.jb51.net/article/50294.htmJS How to get ul Li iddocument.getElementsByTagName ("Li") [index].idHow do I get the number of LI in ul with JavaScript? document.getElementById (' Myul '). getElementsByTagName (' li '). lengthHTML DOM removechild () methodvar List=document.getelementbyid ("MyList"); List.removechild (List.childnodes[0]);JS Dynamic Add Delete
This example describes the way jquery uses the UL simulation Select to achieve form beautification. Share to everyone for your reference. Specifically as follows:
Here use jquery to implement the UL simulation Select, is the jquery plug-in implementation of the Select Drop-down menu effect, similar features online already have some, each represents a different programming ideas, for learning to provide a r
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.