<style>
 dl{
 width:273px;
 height:362px;
 overflow:hidden;
 border:1px solid #ccc;
 }
 img{
 border:none;
 }
 ul{
 list-style:none;
 padding:0;
 margin:0;
 position:absolute;
 top:350px;
 left:150px;
 }
 li{
 float:left;
 margin-left:4px;
 width:20px;
 height:20px;
 padding:0;
 }
 li a{
 display:block;
 text-decoration:none;
 border:1px solid #f00;
 text-align:center;
 background:#ffe663;
 }



li a:hover{
 opacity:0.5;
 filter:Alpha(opacity=50);
 }
 </style>
 <dl>
 <dt></dt>
 <dd><a href="#" name="1"><img src="<a href=\"http://www.10kuai.cn/ftv/images/01.jpg\">http://www.10kuai.cn/ftv/images/01.jpg</a>" /></a></dd>
 <dd><a href="#" name="2"><img src="<a href=\"http://www.10kuai.cn/ftv/images/02.jpg\">http://www.10kuai.cn/ftv/images/02.jpg</a>" /></a></dd>
 <dd><a href="#" name="3"><img src="<a href=\"http://www.10kuai.cn/ftv/images/03.jpg\">http://www.10kuai.cn/ftv/images/03.jpg</a>" /></a></dd>
 <dd><a href="#" name="4"><img src="<a href=\"http://www.10kuai.cn/ftv/images/04.jpg.jpg\">http://www.10kuai.cn/ftv/images/04.jpg.jpg</a>" /></a></dd>
 <dd><a href="#" name="5"><img src="<a href=\"http://www.10kuai.cn/ftv/images/05.jpg\">http://www.10kuai.cn/ftv/images/05.jpg</a>" /></a></dd>
 </dl>
 <ul>
 <li><a href="#1">1</a></li>
 <li><a href="#2">2</a></li>
 <li><a href="#3">3</a></li>
 <li><a href="#4">4</a></li>
 <li><a href="#5">5</a></li>
 </ul>