画像にマウスを乗せるとかわる（HTML）
尾関 純子先日のインターネットビジネススクールApeの授業、上村講師のWebデザインでボタンを作りました。
授業では、フォトショップエレメンツで作りましたが、イラストレータで つくってみました。
素材の本に かわいいチューリップの素材があったので（それもイラストレータのデータ）使ってみました。（葉っぱと植木鉢は、自分で描いた）
かわいい
マウスをのせる前の画像
マウスをのせた時の画像
で、これをどうしたら いいか？
ホームページビルダーでは、余計なタグがいっぱい入ったので、
「マウス 変わる 画像」 を Googleで検索
http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rlz=1T4ADBS_jaJP259JP259&q=%e3%83%9e%e3%82%a6%e3%82%b9%e3%80%80%e3%81%ae%e3%81%9b%e3%82%8b%e3%80%80%e5%a4%89%e3%82%8f%e3%82%8b%e3%80%80%e7%94%bb%e5%83%8f
JavaScript は、よくわからないので パス！タグだけでできるもの が いいんだけど
「オンマウスで画像が変わる - 教えて！goo」の
http://oshiete1.goo.ne.jp/qa4264384.html から
「コピペで飾ろうホームページ」
http://copicopi.com/onmousepic.html の オンマウス画像６を参考にさせていただきました。
← マウスをのせてみてください
タグ
<A href="http://87sounin.jp/mail/index.html" target=_parent><IMG onmouseover="this.src='http://87sounin.jp/img/botan/toiawase_2.jpg'" onmouseout="this.src='http://87sounin.jp/img/botan/toiawase_1.jpg'" alt=花創人へのお問い合わせ src="http://87sounin.jp/img/botan/toiawase_1.jpg" width=190 height=30></A>
すっごく かわいいのができた
【送料無料】 SWEET & CUTEかわいい素材661点 PIECE OF DESIGN / 小林亜希子 【単行本】 |
レッスンに興味のある方へ
はじめての方も、季節の花を楽しみたい方も、ご自分のペースでご参加いただけます。
体験レッスンや1Dayレッスンの詳細は、レッスンページをご覧ください。
持ち物・費用・参加方法など、よくあるご質問はレッスンFAQにまとめています。
