<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/strict.dtd" >
<html xmlns= "http://www.w3.org/1999/xhtml" xml:lang= "en" lang= "en" >
<head>
<title> XHTML 1.0 shell-strict Specification </title>
<meta http-equiv= "Content-type" content= text/html;charset=iso-8859-1 "/>"
<style type= ' text/css ' >
ul {
margin:0;
padding:0;
Background-color: #eee;
width:100px;
List-style:none;
font:13px/130% Verdana,arial,helvetica,sans-serif;
position:relative;
}
li {padding-right:5px}
ul Li a {
Display:block;
Background-color: #eee;
text-indent:5px;
height:20px;
&NBSP;&Nbsp; line-height:20px;
color: #000;
Text-decoration:none;
}
UL Li A:hover {
Background-color: #ddd;
}
span {
Visibility:hidden;
Position:absolute;
width:5px;
height:120px;
right:0;
top:0
}
span.a {background:red;}
span.b {background:green;}
span.c {background:blue;}
span.d {background:yellow;}
SPAN.E {Background:pink}
span.f {background:orange;}
UL Li A:hover span {visibility:visible}
</style>
<body>
<ul>
<li><a href= ' HTTP://3LIAN. COM ' >3lian.com<span class= ' a ' ></span></a></li>
<li><a href= ' # ' > 3lian.com<span class= "B" ></SPAN></A></LI>
<li><a href= ' # ' >3LIAN.COM <span class= "C" ></SPAN></A></LI>
<li><a href= ' # ' >3lian.com<span class= "D" ></span></a></li>
<li><a href= ' # ' >3lian.com<span class= "E" ></span></a></li>
<li><a href= ' # ' >3lian.com<span class= "F" ></ Span></a></li>
</ul>
</body>