jquery - 图像 CSS 更改 onClick 与动画 Jquery

Question

我已使用 CSS 将图像的高度和宽度设置为 100 像素，但我希望在单击图像时将高度和宽度更改为 400 像素，但我也希望它能够为更改设置动画。

我已经开始尝试这个：

$('img').click(function() {
  $('img').animate({
    height: '400px',
    width: '400px',
  }, 5000, function() {
  });
});

编辑：对类型感到抱歉，目标是只为选择的图像设置动画。

另外：这是我试图让它工作的网站的链接。单击我们的工作，然后单击缩略图。我希望图像在点击时调整大小。点击这里。

score 3 · Accepted Answer

在处理函数内部使用this来指定当前图像，也可以使用数字而不是字符串来设置动画属性，也可以使用两次高度而不是 witdh 和高度。

$('img').click(function() {
  $(this).animate({
    height: 400,
    width: 400,
  }, 5000, function() {
  });
});

score 0 · Accepted Answer

$('img').click(function() {
  $(this).animate({
    height: '400px',
    width: '400px',
  }, 1000, function() {
  });
});

1）您要使用this而不是'img'您的内部选择器，否则当您单击一张图像时，所有图像都会被动画化。

2）你包括height了两次。

2 回答 2