怎么用js实现图片点击时放大，再点击恢复

2024-12-04 18:42:11

推荐回答（1个）

回答（1）：

用js实现图片点击时放大，再点击恢复的方法：
1、页面定义区片区域：

2、定义js方法的mouseover和mouseout事件：
$(document).ready(function () {
$('#Img1, #Img2, #Img3').mouseover(function () {
$(this).animate({ width: "122px", height: "110px" }, 100);
});当鼠标放上去的时候，图片变大
$('#Img1, #Img2, #Img3').mouseout(function () {
$(this).animate({ width: "118px", height: "106px" }, 100);
});当鼠标离开的时候，图片还原为原来的尺寸
});