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


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





コードはとても簡単ですよ。
<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="//img01.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段階になります。




同じカテゴリー(PC)の記事画像
Window10アップグレード
PC購入
Windows Update という名の恐怖(2)
Windows Update という名の恐怖(1)
カルチャーショック
USBの不思議
同じカテゴリー(PC)の記事
 Window10アップグレード (2015-09-11 10:50)
 PC購入 (2015-02-23 11:00)
 忙しい (2013-10-01 20:46)
 Windows Update という名の恐怖(2) (2013-07-02 16:19)
 Windows Update という名の恐怖(1) (2013-07-01 11:50)
 カルチャーショック (2012-12-24 08:30)

2010年04月05日 Posted byigoten at 07:10 │Comments(2)PC

この記事へのコメント
igotenさん こんばんは~
こりゃぁ~ 面白い♪
大きくなったり小さくなったりできて^^
しかし この写真のような絵
どうやって描いてるの?
上の写真の子だよね?
あぁ~不思議だぁ~
私にはちっともわからんにやぁ~
(=^・^=)
Posted by 福寿荘 女将福寿荘 女将 at 2010年04月05日 22:07
福寿荘 女将 さん
 面白いでしょ。^^
 絵は色鉛筆でコリコリと書いてます。
Posted by igoten at 2010年04月05日 22:33
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。