-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. JQuery更改鼠标悬停的图像
- 3. 鼠标悬停更改为图像
- 4. 当鼠标悬停在HTML上时,如何更改图像?
- 5. 当鼠标悬停在按钮上时更改图像
- 6. 将鼠标悬停在图像上时删除图像标题
- 7. 鼠标悬停在图像特定部分的图像更改
- 8. Google Earth API在鼠标悬停上更改地标图像
- 9. 在鼠标悬停上更改图像x和y坐标
- 10. 将鼠标悬停在另一图像上时显示图像
- 11. 在鼠标悬停上移动图像
- 12. 将鼠标悬停在图像上
- 13. 悬停时更改图像
- 14. 在鼠标悬停时放大图像
- 15. 更改鼠标悬停和鼠标悬停在CSS中的图像
- 16. 使用JavaScript在鼠标悬停在文本上时更改图像,并在鼠标悬停在图像上时更改文字
- 17. 悬停图像? (鼠标)
- 18. 如何在primefaces中的鼠标悬停上更改commandlink图像?
- 19. 在鼠标悬停上更改画布绘制图像
- 20. 使用鼠标悬停在setTimeout上的链接更改图像
- 21. 如何将鼠标悬停在WPF上的图像更改?
- 22. 将鼠标悬停在ID上更改图像
- 23. Winforms:在鼠标悬停上更改Datagridview图像
- 24. CoffeeScript在鼠标悬停上更改图像src
- 25. 鼠标悬停改变图像
- 26. 将鼠标悬停在图像区域上以更改图像src
- 27. 更改div`s背景图像时,将鼠标悬停在图像
- 28. 鼠标悬停在图像上时可点击图标显示
- 29. flex,当鼠标悬停在按钮上时,更改鼠标悬停/跳出时的按钮图像
- 30. 图像上的鼠标悬停操作
你追求这个词是悬停。 – swa66