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

コードはとても簡単ですよ。
<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 ">
<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段階になります。
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
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。 |