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 縮小され、500ms 後に通常のサイズに戻ります。

これがあなたを助けることを願っています!