<html>
<head>
<title>动感相册</title>
<style type="text/css">
<!--
.background{
width:500px;
height:500px;
background-color:#666;
margin:10px auto;
border:1px solid red;
}
li{
width:50px;
height:50px;
overflow:hidden;
margin:10px;
}
a:hover img{
position:absolute;
top:50px;
left:500px;
width:200px;
height:200px;
}
--!>
</style>
</head>
<body>
<div class="background">
<ul><a><li><img src="a.jpg"></li></li>
<li><a><img src="a.jpg"></a></li>
<li><a><img src="a.jpg"></a></li>
<li><a><img src="a.jpg"></a></li>
<li><a><img src="a.jpg"></a></li>
</ul>
</div>
</body>
</html>
