大きくなったり小さくなったり

igoten

2010年04月05日 07:10


ボタンを押すと下の画像が大きくなったり小さくなったり。





コードはとても簡単ですよ。
<br>ボタンを押すと大きくなったり小さくなったり。<br>
<input type="button" value = "大きく" onClick = "document.img.width *= 1.2 ">
<input type="button" value = "小さく" onClick = "document.img.width /= 1.2 ">
<br><br>
<img name="img" src="http://www.naganoblog.jp/usr/kotanero/animen09.jpg">

<input type="button" value = "大きく" onClick = "document.img.width *= 1.2 ">の
onClick = "document.img.width *= 1.2 " を
onClick = "document.img.width = 500 "に

<input type="button" value = "小さく" onClick = "document.img.width /= 1.2 ">の
onClick = "document.img.width /= 1.2 " を
onClick = "document.img.width = 250 "に
すると大きい小さいの2段階になります。


関連記事