使用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