The HTML list is divided into sequential tables, unordered lists, and descriptions. We often use a sequence list (OL) with an unordered list (UL).
Ordered list
Type attribute: Implements ordered sorting in different ways, deprecated, and usually replaces it with a style.(1) 1 indicates the sort in 1,2,3,4 numeric form.(2) A means sorting in a,b,c,d lowercase letters.(3) A means sorting in a,b,c,d capitals.(4) I denotes the sort in lowercase by
UL Li background Small icon property settings generally have two kinds of situation: the definition in the UL and Li, these two definitions in what circumstances use, in the following gives a detailed introduction, often div+css layout of friends may wish to refer to, I hope to help
here we are listed in two ways:① when the icon before the title is a long strand rather than a single point or similar icon,
First we need an HTML structure
We go through all of the UL under the Li and add click events, generally we will add the click event in the For loop, but the result is not the same as we expect, then is why???
Next, look at our JS code.
var li = document.getelementsbytagname (' li ');
for (var i = 0;i
We've achieved!!!.
This is the effect we want to hit the corresponding index of the corresponding li.
Let's talk about the
Algorithm descriptionLet's start with a practical question:We look for the word "worst" in an English-Chinese dictionary, we will never imitate half-lookup (or Fibonacci lookup), look for the elements in the middle of the dictionary first, and then look up the three elements of the dictionary four and so on. In fact, We started looking around the desired address (in the back of the dictionary), and we call
Two-point SearchDescription: An array or list of lookups must be ordered, if unordered, sorted firstComplexity: Time complexity O (log2n), Spatial complexity O (n)C + + source (two versions of recursive and non-recursive)#include Fibonacci FindBefore introducing the Fibonacci lookup algorithm, let's start by introducing a concept that is very closely connected and well known to all-the golden segment.The golden ratio, also known as the Golden Section,
About the half-lookup while condition
Int bin_search (int a [], int len, int key)
{
Int low = 0;
Int high = len-1;
While (low
// The body is not executed.
{
Int mid = low + (high-low)/2;
If (a [mid] = key) return mid;
Else
If (a [mid]
Low = mid + 1;
Else
High = mid-1;
}
If (low> high)
Return-1;
}
Questions about the C ++ half-fold method Lookup
// The input code has some logic problems.// The Order is r
item is equal to the sum of the first two items.def Fibo (n): = 0 = 1 ifor n = =1 :return nif N : return 1 return Fibo (n-1) +fibo (n-2) Print(Fibo (3))Fibonacci SequenceTwo-point SearchStarting from the candidate area Data[0:n] of the ordered list , the candidate area can be halved by comparing the value of the lookup with the median of the candidate area.Characteristics:The binary search algorithm is to continuously
Linux Find File Lookup command with grep file Content Lookup command Linux find File Search command with grep file Content Lookup commandWhen using Linux, file lookups are often required. The commands you find are primarily find and grep. Two commands are of a district. The Difference : (1) The Find command is based on the attributes of the file , such as file n
Block-level element div as little as possible, in fact, as with table, the less nested the better, it will affect the speed!
OL has a sequence table.
......
......
......
Performance as:
1 ...
2 ...
3 ...
UL unordered list, shown as Li Front is a big circle dot instead of 123
......
......
Multi-person easy to ignore DL DT DD usage
DL Content Block
The title of the DT content block
DD Content
To write l
Navigation, a small number of data tables, center lt ;! DOCTYPEhtmlPUBLIC quot;-W3CDTDXHTML1.0TransitionalEN quot; www. w3.orgTRxhtml1DTDxhtml1-transitional. dtd quot; gt; lt; htmlxmlns quot; www. w3.org1999xhtml quot; gt; lt; head gt; lt; t navigation, small data table, center
Ul and li applications
Homepage
Industry books
Fashion Trends
Beauty Club
Mommy baby
Gift books
News
User message
How can angular or js determine which li and angularul are selected in ul?
The new company has just received new requirements and made a knowledge base page.
The red color is single-choice blue, and multiple choices are all required to be passed to the background at the beginning. I don't know how to solve this problem. After work, I think of a clever way at home. I don't want to talk about the code.
The arrow indicates to write a hidden radi
The source code is:Slide effect :JQuery ("#topHeaderBlack"). Anmate ({scrollleft:jquery ("#" +nowflooruuid). Offset (). left},1000);View CodeTopheaderblack is a div ID that contains the UL LijQuery ("#" +nowflooruuid) is the Li you need to anchor.I am using the following code deformation to achieve the effect (after all, front slag, laughed at,)$ ("Html,body"). Animate ({scrolltop:$ ("#box"). Offset (). top},1000)View CodeThe first thing to know about
. mark-nav {list-style:none;} . Mark-nav > Li:hover {background-color: #F5FAFB;} . Mark-nav > li > a {text-decoration:none; Font-size:15px;color: #65C7F7} UL tag list-style, defining Li's BulletsA-label text-decoration, defining the default underline styleUL Label Nav use
The drop-down menus for div and ul. Li are blocked by flash.
Original: http://bbs.blueidea.com/archiver/tid-2698047.html
Lingling8Posted on
There are two ways to set flash to transparent:But if you insert an animation into DW, addIs invalid. The entire flash plug-inCodeReplace as follows:By comparison, it is different from the automatically generated code by DW. ie FF can be used after testing.
Method 2: Set the flash base and add a code: Howev
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.