div鼠标放到图片上图片浮出放大解决办法
日期：2014-05-17 浏览次数：20808 次
div鼠标放到图片上图片浮出放大
div鼠标放到图片上图片浮出放大，但是鼠标移至时位置总是跳动，如何解决呀！？
<html>
<body>
<style>
.imglist a img{position:relative;width:100;height:200;}
.imglist a:hover img{positon:absolute;width:200;height:400;}
.img_1{top:3px;left:5px;}
.img_2{top:3px;left:10px;}
.img_3{top:3px;left;15px;}
</style>
<div class="imglist">
<a href="#"><img class="img_1" src="1.jpg"></a>
<a href="#"><img class="img_2" src="2.jpg"></a>
<a href="#"><img class="img_3" src="3.jpg"></a>
</div>
</body>
</html>
------解决方案--------------------
看看这个对你有没有帮助
div鼠标放到图片上图片浮出放大，但是鼠标移至时位置总是跳动，如何解决呀！？
<html>
<body>
<style>
.imglist a img{position:relative;width:100;height:200;}
.imglist a:hover img{positon:absolute;width:200;height:400;}
.img_1{top:3px;left:5px;}
.img_2{top:3px;left:10px;}
.img_3{top:3px;left;15px;}
</style>
<div class="imglist">
<a href="#"><img class="img_1" src="1.jpg"></a>
<a href="#"><img class="img_2" src="2.jpg"></a>
<a href="#"><img class="img_3" src="3.jpg"></a>
</div>
</body>
</html>
------解决方案--------------------
<style>
.imglist{ margin:50px;}
.imglist a{ display:block;position:relative;width:100px;height:200px; float:left; margin:10px;}
.imglist a img{width:100px;height:200px;}
.imglist a:hover img{
positon:absolute;
width:200px;height:400px;
z-index:999;
display:block;
left:50%; top:50%;
margin:-200px -100px;
}
</style>
<div class="imglist">
<a href="#"><img src="images/car_icon.png"></a>
<a href="#"><img src="images/car_icon.png"></a>
<a href="#"><img src="images/car_icon.png"></a>
</div>
看看这个对你有没有帮助
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
