另外一种图片放大镜效果,在鼠标滑过缩略图时,原图放大显示:

<style type="text/css">
.thumb{
position: relative;
z-index: 0;  }
.thumb:hover{
background-color: transparent;
z-index: 50; }
.thumb span{
position: absolute;
left: -1000px;
background-color: #ffffcc;
padding: 5px;
border: 1px dashed #ccc;
visibility: hidden;
text-align:center;
text-decoration:none;}
.thumb span img{
border-width: 0;
padding: 2px;}
.thumb:hover span{
visibility: visible;
top: 0;
left: 0; }
</style>
<a href="#" class="thumb"><img border="0" width="120" src="http://www.ibloglife.com/wp-content/uploads/2011/07/geshuiduibi.jpg" alt="个税调整前后对比" />
<span><img border="0" src="http://www.ibloglife.com/wp-content/uploads/2011/07/geshuiduibi.jpg" alt="个税调整前后对比" /><br />个税调整前后对比</span></a>


© 活着的博客 - 李权辉的个人博客:人,终究是生活在现实之中,是为了活着而生活.