使用javascript更改图像大小点击使用javascript

Question

我正在使用ASP.NET，C＃开发我的web应用程序，我有一个按钮（创建为图像），当用户单击此按钮时，其大小应减少为时间的一小部分，然后它应该再次恢复到正常大小，我该如何执行此效果？我们为您的按钮点击一个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的在其宽度只要它被点击减小其规模和500毫秒后会恢复到正常大小。

希望这会帮助你！

Answer 2

犿这个效果，你可以用这个链接是非常interessant尝试包含代码和演示

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