Suggestion: as far as possible the handwritten code, can effectively improve the learning efficiency and depth.
by default can be used <A> Label the title attribute of the prompt effect implementation link. For example,

  Code is as follows:  


the View Code
<! PUBLIC DOCTYPE HTML "-///DTD/W3C XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<HTML XMLNS="http://www.w3.org/1999/xhtml" >
<Meta HTTP - equiv="content-type" Content="text/HTML; charset=utf-8"/>
<Head>
<Title> Ant tribe </title>
</head>
<Body>
<A href="http://www.softwhy.com" title="ant tribe" >Ant tribe </a>
</body>
</html>

although the code above to link to achieve prompt effect, but often can't meet the actual demand, may need to customize a more beautiful or links to pages that match tip effects. Code examples below

  Code is as follows:  


the View Code
<! PUBLIC DOCTYPE HTML "-///DTD/W3C XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<HTML XMLNS="http://www.w3.org/1999/xhtml" >
<Meta HTTP - equiv="content-type" Content="text/HTML; charset=utf-8"/>
<Meta name="author" content="http://www.softwhy.com/"/>
<Head>
<Title> Ant tribe </title>
<Style type="text/CSS" >
ul
{
the list - style: none;
the font - size: 14 px;

} li
{
width: 100 px;
height: 30 px;
the line - height: 30 px;
float: left;
text - align: center;
position: relative;
border: 1 px solid red;

} span
{
display: none;
}
a: a: visited the link,
{
text - decoration: none;
}
a: hover. Tishi
{
display: block;
width: 100 px;
height: 30 px;
background - color: # 6 c9;
the line - height: 30 px;
text - align: center;
position: absolute;
left: 80 px;
top: 40 px;
color: # FFFFFF;
}
</style>
</head>
<Body>
<Ul>
<Li>
<A href="http://www.jb51.net//web/#" class="mylink >" DIV + CSS </a>
</li>
<Li>
<A href="http://www.jb51.net//web/#" class="mylink >" JQuery </a>
</li>
<Li>
<A href="http://www.jb51.net//web/#" class="mylink >" JS </a>
</li>
<Li>
<A href="http://www.jb51.net//web/#" class="mylink >" HTML </a>
</li>
<Div style="clear: both" ></div>
</ul>
</body>
</html>

the above code successfully achieve the effect we want. The main method is to use hyperlinks pseudo class implements the span element to display
# 0 - #


This concludes the body part