javascript - 使用 javascript 更改点击时的图像大小

Question

我正在使用 ASP.NET，C# 来开发我的网络应用程序，我有一个按钮(创建为图像)，当用户单击此按钮时，其大小应在一小部分时间内减小，然后它应该再次恢复到正常大小，我怎样才能实现这个效果？我已经为按钮单击创建了一个 JavaScript 函数，我想使用 JavaScript 来实现此效果

谢谢

Answer 1

尝试以下操作:

HTML

<img src="images/someimage.jpg" onclick="handleClick(this)" style="width:100px"/>

JavaScript:

function handleClick(sender)
{ 
    var thisWidth=parseInt(sender.style.width.replace('px',''));

    sender.style.width=(thisWidth-10) + 'px';

    setTimeout(function(){
        sender.style.width=(thisWidth+10) + 'px';
    },500);
}

点击图片后，宽度会缩小10px，500ms后恢复正常大小。

希望这对您有帮助!