Question

我正在使用ASP.NET，C＃开发我的网络应用程序，我有一个按钮（创建为图像），当用户点击此按钮时，其大小应该减少一小部分时间然后它应该再次恢复正常尺寸，我该怎样才能发挥这种效果？我已经为按钮点击创建了一个javascript函数，我想用Javascript

来做这个效果

感谢

Answer 1

你可以尝试使用这个链接，它非常interessant包含代码和演示

链接：http://home.comcast.net/~urbanjost/resize/resize.html

Answer 2

尝试以下方法：

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后恢复到正常尺寸。

希望这会对你有帮助！

使用javascript更改图像大小

2 个答案: