大きくなったり小さくなったり
ボタンを押すと下の画像が大きくなったり小さくなったり。
コードはとても簡単ですよ。
<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段階になります。
関連記事