怎么用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);
});当鼠标离开的时候,图片还原为原来的尺寸
});