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);
}

点击后，图片的宽度会减小 10 像素，500 毫秒后会恢复到正常大小。

希望对你有帮助！