<html xmlns="http://www.w3.org/1999/xhtml">
<head>
聽<title>a</title>
聽<style type="text/css">
聽聽
聽聽ul#hovershow2{
聽聽聽list-style-type: none;
聽聽聽margin: 50px;
聽聽聽width:200px;
聽聽聽float: left;
聽聽聽display: inline;
聽聽聽clear: both;
聽聽}
聽聽ul#hovershow2 li{
聽聽聽float: left;
聽聽聽display: inline;
聽聽聽width:20px;
聽聽聽height: 20px;
聽聽聽margin: 2px;
聽聽聽聽聽
聽聽}
聽聽ul#hovershow2 li a {
聽聽聽text-decoration: none;
聽聽聽display: block;
聽聽聽width:20px;
聽聽聽height:20px;
聽聽聽border:1px red solid;
聽聽聽background-color: White;
聽聽聽line-height: 20px;
聽聽聽font-size: 12px;
聽聽聽text-align: center;
聽聽}
聽聽ul#hovershow2 li a:hover{
聽聽position: absolute;
聽聽width:40px;
聽聽height: 40px;
聽聽line-height: 40px;
聽聽font-size: 32px;
聽聽z-index:100;
聽聽margin: -10px 0 0 -10px;
聽聽}
聽聽
聽</style>
</head>
<body>
<ul id="hovershow2">
聽<li><a href="1#" title="test"><span>1</span></a></li>
聽<li><a href="2#" title="test"><span>2</span></a></li>
聽<li><a href="3#" title="test"><span>3</span></a></li>
聽<li><a href="4#" title="test"><span>4</span></a></li>
聽<li><a href="5#" title="test"><span>5</span></a></li>
聽<li><a href="6#" title="test"><span>6</span></a></li>
聽<li><a href="7#" title="test"><span>7</span></a></li>
</ul>
</body>
</html>
]]>