<!DOCTYPE HTML>
<html>
<head>
<style>

#cont {
position: relative;
height: 100px;
}
img {
position: absolute;
width: 100px;
height: 100px;
z-index: 1;
}
img:first-child,img:target {
z-index: 2;
}

</style>
</head>
<body>
<div id=”cont”>
<img id=”img1″ src=”images/m11.jpg”>
<img id=”img2″ src=”images/m10.jpg”>
<img id=”img3″ src=”images/12.jpg”>
<img id=”img4″ src=”images/16.jpg”>
<img id=”img5″ src=”images/m15.jpg”>
</div>
<div>
<a href=”#img1″>one</a>
<a href=”#img2″>two</a>
<a href=”#img3″>3</a>
<a href=”#img4″>4</a>
<a href=”#img5″>5</a>

</div>
</body>
</html>

 

 

 

代码很简单,实现效果

原味控:www.942ww.com