1

画像サイズを定義するCSS （以下）があります

#latestImages img 
{
    height: 95px;
    width: auto;
}

これはこれらの画像に影響を与えています:

<img src="@images.ImagePath" alt="@images.NameOfImage" />

onmouseover イベントをこの画像に次のように設定すると:

<img src="@images.ImagePath" alt="@images.NameOfImage" onmouseover="this.width=100;this.height=100;" onmouseout="this.width=200;this.height=200;"/>

ソースを表示すると、html で画像の高さと幅が変わりますが、目に見える変化はありませんが、css を削除すると、変更が発生しました。これがなぜなのか誰か知っていますか？cssをそのままにして、javascriptで画像を拡大するために私ができることはありますか? 前もって感謝します！

4

2 に答える 2

2

onmouseover ハンドラでこの形式を使用できます: this.style.width="50px". または、JS を HTML に入れずに、目的の関数を作成することをお勧めします。

于 2013-07-05T15:36:02.853 に答える
1 
onmouseover="this.style.width='100px';this.style.height='100px';"
onmouseout="this.style.width='200px';this.style.height='200px';"

スタイルには単位が必要です。この場合px。ptそれ以外の場合は、、、inまたはの可能性がありますem。

于 2013-07-05T15:35:59.787 に答える