Javascript 通过向图像的重试宽度和高度添加值来调整图像大小

我有一系列图像，它们的宽度和高度各不相同。在我的应用程序中，当图像获得焦点时，我需要逐渐增长图像。在图像加载后，我使用了

变量w='img.width' 变量h='img.height'

获取图像的宽度和高度。现在我如何给宽度和高度加上一些值，比如10px，这样我就可以把这些值传递给grow函数

<script type='text/javascript'> 

   $(window).load(function(){
  var timer = null;

$(function() {
    $('button:has(img)').focus(function() {
        var $image = $(this).find('img');
        timer = setTimeout(function() {
        var w = 'img.width';
        var h = 'img.height';
        var zoominw= w+10;
        var zoominh=h+10;
            $image.animate({
                'width': 'zoominw',
                'height': 'zoominh'
            }, 500);
        }, 2000);
    }).blur(function() {
        if (timer != null)
            clearTimeout(timer);
        $(this).find('img').animate({
            'width': 'imgwidth',
            'height': 'imgheight'
        }, 500);
    });
});
  });

  </script> 

$（窗口）。加载（函数（）{
var定时器=null；
$（函数（）{
$（'button:has（img）'）。焦点（function（）{
var$image=$（this.find（'img'）；
计时器=设置超时（函数（）{
var w=‘img.width’；
var h=‘img.height’；
var zoominw=w+10；
var zoominh=h+10；
$image.animate({
'宽度'：'缩放'，
“高度”：“zoominh”
}, 500);
}, 2000);
}).blur（函数（）{
如果（计时器！=null）
清除超时（计时器）；
$（this.find（'img'）。设置动画({
“宽度”：“imgwidth”，
“高度”：“高度”
}, 500);
});
});
});

要获取元素的名称，请使用以下内容：

var image = $(this).find('img');
var w = image.width();

image.animate({"width": "+=100px"}, "slow");

（在您的示例中，您只是将字符串

img.width

设置为w变量，而不是获取值本身）

接下来，只需在

w

变量中添加10，然后写回

img.width

。

h

变量也是如此

最后，写回更新后的值：

image.width(w);

同样的道理也适用于美国

假设您希望为生长设置动画（而不仅仅是将其放大10px一次），请查看以获取有关设置元素动画的更多信息

例如，要将图像设置为100像素宽的动画，请使用以下内容：

var image = $(this).find('img');
var w = image.width();

image.animate({"width": "+=100px"}, "slow");

---

（根据文档）

嘿，维格，你说得对，我想给图像设置动画。你可以看看我的代码，就像你说的，我给变量w和h加了10，并调用了updated value，但它不会缩放图像。但是zoomout很好用。如果我错了，你能纠正吗。谢谢你的回复。我更新了我的答案以匹配你的例子，并为你做错的事情添加了一些更正。还可以查看jQuery文档中的示例，了解如何使用jQuery完成工作。这些例子很有帮助