单击时使用javascript更改图像大小

change image size on click using javascript

本文关键字：图像 javascript 单击      更新时间：2023-09-26

我正在使用ASP。NET，C#来开发我的web应用程序，我有一个按钮（创建为图像），当用户点击这个按钮时，它的大小应该会减少一小部分时间，然后它应该再次恢复到正常大小，我该如何执行这种效果？我已经为按钮点击创建了一个javascript函数，我想使用javascript 来实现这个效果

感谢

尝试以下操作：

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毫秒后恢复到正常大小。

希望这对你有帮助！

相关文章：