| ポイント |
<![CDATA[
<a href="http://www.openspc2.org/" onClick="document.btn.width=256">
]]>
|
| 説 明 |
画像サイズは「document.画像名.width」で横幅、「document.画像名.height」で縦幅を変更することができます。またIE4,NN6などDOMに対応したブラウザでは直接imgタグ内でonMouseover="this.width=256"のようにイベントハンドラ／命令を記述しても動作します。クリックイベントはonClickなので、これをAタグに記述しておきます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>クリックしたら画像サイズを変える</title>
</head>
<body>
<a href="#" onClick="document.btn.width=256">
<img src="button1.gif" name="btn" border="0">
</a>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
クリックしたら画像サイズを変える