| ポイント |
<![CDATA[
<a href="http://www.gihyo.co.jp/" onMouseover="document.btn.width=256" onMouseout="document.btn.width=128">
<img src="button1.gif" name="btn" border="0">
]]>
|
| 説 明 |
画像サイズは「document.画像名.width」で横幅、「document.画像名.height」で縦幅を変更することができます。またIE4,NN6などDOMに対応したブラウザでは直接imgタグ内でonMouseover="this.width=256"のようにイベントハンドラ／命令を記述しても動作します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>マウスが重なったら画像サイズを変える</title>
</head>
<body>
<a href="http://www.gihyo.co.jp/" onMouseover="document.btn.width=256" onMouseout="document.btn.width=128">
<img src="button1.gif" name="btn" border="0">
</a>
</body>
</html>
]]>
|
| 補足説明 |
iCab2.4では指定した方向のみサイズが変わります。それ以外では横幅に比例した縦幅に変更されます。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
マウスが重なったら画像サイズを変える