-1
A
回答
0
请看看这个演示:https://jsfiddle.net/IA7medd/2774m4ob/
HTML:
<div class="images">
<img src="http://www.velt.ch/uploads/images/w254h254_art_49_8.jpg" class="img1">
<img src="http://www.velt.ch/uploads/images/w254h254_art_49_9.jpg" class="img2">
</div>
,我们将用CSS处理:
.images{
width:250px;
height:250px;
overflow:hidden;
position:relative;
}
.images img{
position:absolute;
top:0;
left:0;
z-index:1;
}
.images .img2{
z-index:2;
display:none;
}
.images:hover .img2{
display:block;
}
0
你会想看看 “鼠标悬停” 事件:
https://developer.mozilla.org/en-US/docs/Web/Events/mouseover
0
最知名的jQuery插件可用于缩放图像的部分是cloudzoom,但它不是免费的。
有这个页面大量图像缩放插件:
http://netfruits.com/2013/03/jquery-image-zoom-plugins/
一些不错的自由的:
Easyzoom可能是最接近你需要什么是免费的,你所提到的。 还有升级变焦,这是免费的,看起来相当不错。
相关问题
- 1. 当鼠标悬停在按钮上时更改图像
- 2. 当鼠标悬停在HTML上时,如何更改图像?
- 3. 在鼠标悬停上更改图像x和y坐标
- 4. 将鼠标悬停在另一图像上时显示图像
- 5. 更改鼠标悬停和鼠标悬停在CSS中的图像
- 6. 悬停图像? (鼠标)
- 7. 将鼠标悬停在ID上更改图像
- 8. Winforms:在鼠标悬停上更改Datagridview图像
- 9. 鼠标悬停改变图像
- 10. 鼠标悬停在图像上时可点击图标显示
- 11. 鼠标悬停上的其他图像
- 12. 图像上的鼠标悬停操作
- 13. 如何在鼠标悬停在图像中时显示图像?
- 14. 当鼠标悬停在图像上时,像按钮出现
- 15. 如何更改包装div的鼠标悬停上的图像
- 16. 更改鼠标悬停时的图像源属性
- 17. 更改鼠标悬停时图像映射的背景
- 18. 当鼠标悬停在父div上同时更改图像和标题
- 19. 更改悬停图像移动图像
- 20. 将鼠标悬停在列表图像
- 21. 将鼠标悬停在div更改中的图像
- 22. jQuery将鼠标悬停在动态链接后更改图像
- 23. 更改悬停图像
- 24. 将鼠标悬停在同一元素上时反复更改图像
- 25. 当鼠标悬停在链接上时,更改div的背景图像
- 26. 鼠标悬停在视图上绘制的图像对象上
- 27. 在图像地图上的鼠标悬停上使用音频
- 28. 鼠标悬停时的jQuery图像滑块和鼠标悬停时的重置
- 29. Gridview ImageButton改变鼠标悬停和鼠标移动的图像
- 30. 从悬停/鼠标悬停的api上旋转图像
你追求这个词是悬停。 – swa66