Label:Method 1: function Insert ()
{
var str= "";
var data= "Your database Data";
str= ";
document.getElementById ("test"). InnerHTML = str;
} onload= "Insert ()">
id= " Test ">
div>
Body > Method 2:js directly assigns a value to your Li tag: function insert () { var data= "Your database Data" "test"). InnerHTML = data;} onload= "Insert ()">
ul>
ID= "Test">
Li >
ul >
Body > Php Method:
Div + css (ul li) implements the layout of the text list on the image, divul
Css style sheet code:
Html layout code:
:
Html layout section. You can add the corresponding div as needed.
1. CSS key style word explanation
1) ul. imglist {margin: 0 auto; width: 536px; overflow: hidden}Use margin: 0 auto to center the ul structure layout;Overflow: hidden is used. Because the float attribute of the ul sub-level will fluctuate, the use of float to clear s
CSS style sheet code:HTML Layout Code::HTML Layout section, you can add the corresponding div according to your needs.1. CSS Key Style word explanation1), ul.imglist{margin:0 auto; width:536px; Overflow:hidden}Using margin:0 Auto, let the UL structure Layout Center;Use Overflow:hidden because the children of UL use the Float property to produce floats, so using the clear child with float does not create a problem for the parent;Use width width:536px; fixed width let the child
Original address: http://www.cnblogs.com/amylis_chen/archive/2011/09/24/2188398.htmlFirst step: Create an unordered list we first create a sequence-free table to create a menu structure. The code is:Second step: Hide the Li's default style because it doesn't look good, the menu usually doesn't need the Li default dot, we define a style for UL to eliminate these dots.Of course, in order to better control the entire menu, we put the menu in a Div. The p
. Info-warp{Min-height:20rem;background:#ffffff;text-align:Center;padding:1.4rem;}. Jx_ul-info-list{margin:2rem Auto;text-align: Left;Display:Inline-block;List-style-type:None;}. Jx_ul-info-list Li label{width:50%;Display:Inline-block;text-align: Right;vertical-align:Top;}. jx_ul-info-list Li Span{width:50%;Display:Inline-block;} Divclass= "Info-warp"> Pclass= "Success-text">Congratulations to you! R
Founded in 2004, and received the Alibaba Group Strategic Investment in 2006, the Word-of-mouth network has now grown into China's largest localized community and classified information Web site, with more than millions of members, including catering, real estate, recruitment and other areas, and the introduction of maps based on the function and classification information of local search.
"Local", "Search", "categorize", "community" ... When these keywords meet and blend perfectly together, the
JS Gets the element under all LivarContent=document.getelementbyid ("content");varItems=content.getelementsbytagname ("ul");varitemss=items[2].getelementsbytagname ("Li");//get a second Li tagorvarDiv=document.getelementbyid ('a');varUl=div.childnodes.item (0);varlis=Ul.childnodes; for(varI=0; i) {alert ("Item"+i+": "+Lis.item (i). InnerHTML);} How to use jquery to get the last
The right float of the LI element will appear a newline:In general, you want the block-level elements to appear on one line, you can apply a float to the element, but sometimes the performance is not as people wish, there will be a line-wrapping situation.Look at the following code:DOCTYPE HTML>HTML>Head>MetaCharSet= "Utf-8">Metaname= "Author"content= "http://www.softwhy.com/" />title>Ant Tribetitle>styletype= "Text/css">*{padding:0;margin:0;}#box{wid
The difference between--has and find for the related operation of Li tagDemo Code: Now we use have and find to traverse the output with the value of the P tag. $ ("Ul>li"). Find ("P"). each (function(index) { alert ($ (this). HTML ()) ; }) $ ("Ul>li"). Have ("P"). each (function(index) { alert ("P")..HTML () )
?
Artist: Li QiongAlbum: emotionalRelease: Shanghai zhongsingTime: 2004/7/22
Tracks
1. My family lives in the mountains.2 peacock fly3. Women cannot restApril liangwan5 you can't help but love you6 days7. jiuxiang8. Hometown of Baiyun9 double swallow10 gorges, my hometown11. Call my brother.
?
From a unique perspective,
In html documents, ul> li lists are often used to display news lists, as shown below:
As shown in the preceding code, the height of li is equal to the value of line-height. When Element a has a style {font-size: xxpx}, the height of li is 1-2 pixels higher than the value of line-height (which is not changed in ie6). When the list is short, but when
A long li
How to dynamically modify the Li node value using javascript
This article mainly introduces how to dynamically modify the value of Li nodes in javascript. It involves the operation skills for li nodes and is very useful. For more information, see
This example describes how to dynamically modify the Li node value in j
JavaScript implements the dynamic addition of the LI element to the OL list, olli
This example describes how to dynamically Add LI elements to the OL list using JavaScript. Share it with you for your reference. The specific analysis is as follows:
JavaScript dynamically adds the LI element to the OL list. The following JS code dynamically adds a
How JS + CSS achieves the effect of changing the color of Li list lines
This article mainly introduces how to implement the Li list color-changing effect by using JS + CSS. The example analyzes the tips of js to operate li nodes, which is very useful. For more information, see
This article describes how to implement the Li
Ul and li cannot be left or right, And ulli cannot be centered
Recently, I helped my friends develop a product website for their company. I used the html + css technology I learned before. Of course, Javascript and jquery are indispensable for website creation .....
This function mainly enables the entries in the navigation bar to be centered. Therefore, the ul and li styles are declared, and errors cannot
How does css achieve the evenly distributed Effect of li elements in the parent element? cssli
How does css achieve the evenly distributed effect of the li element in the parent element:In practice, a row of child elements is usually contained in the parent element, and these child elements can be evenly distributed in the parent element.Although the results are simple and the implementation methods are dif
This article mainly introduces how to dynamically modify the value of a Li node in javascript, and involves the operation skills for the li node, which is of great practical value, for more information about how to dynamically modify the Li node value in javascript, see the example in this article. Share it with you for your reference. The specific implementation
In jQuery, how does one determine the number of lies currently clicked? use $ (this ). index () gets the subscript of li. The following example shows how to use $ (this ). index () is used to obtain the subscript of li. The following is an example of style replacement:
$ ("# Aa li "). click (function () {$ ("# aa li
This article mainly introduces the implementation of li moving between two ul tags in JQuery, which can be used to replace the li tag content in ul tags, and involves the related techniques of jQuery to operate on page elements, for more information about how to move the li of two ul tags in JQuery, see the example in this article. Share it with you for your refe
This article mainly introduces how to implement the Li list color-changing effect by using JS + CSS. The example shows how to use js to operate li nodes, which is of great practical value, for more information about how to use JS + CSS to implement the Li list color swap effect, see the following example. Share it with you for your reference. The specific impleme
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.