jQuery实现鼠标停留在多个图片上,图片缩小,移开,图片还原
时间: 2024-05-30 08:14:27 浏览: 48
利用鼠标实现图片移动和缩放
4星 · 用户满意度95%
jQuery可以通过hover()函数来实现图片的缩小和还原,在CSS中定义好图片的缩小效果,然后在hover()函数中调用该效果即可。例如:
CSS部分:
img {
transition: all .3s ease-out;
}
jQuery部分:
$('img').hover(function() {
$(this).css('transform', 'scale(0.8)');
}, function() {
$(this).css('transform', 'none');
});
这样,鼠标停留在图片上时,图片会变小,移开后会还原原来的大小。
阅读全文