茶々亭はなれ

仙台や故郷佐渡のこと、趣味の音楽、うんちくなどをフォト日記でご紹介。オリジナル曲もアップしていきます。


24
Category: 未分類   Tags: ---

オンマウス~HTMLの小技



画像にマウスポインタを乗せてみてください カラー写真に変化します
今日は このオンマウス効果の種明かしです


先日2/10の記事「楽しい時間」の最後のCD写真をオンマウス画像にしたところ
「どうしたらこういう風になるの」という質問をいただきました

オンマウス画像にも色々ありますが これは 画像①にオンマウスすると画像②に変化 離すと元に戻る効果です
今日の冒頭写真の場合は 画像①を白黒写真 画像②をカラー写真にしています

この小技 次のHTMLタグを使うことで どなたでも簡単にできます

<img src="画像①URL"onmouseover="this.src='画像②URL'"onmouseout="this.src='画像①URL'">



上記HTMLタグの赤色の部分を削除し 実際の画像URLに差し替えて貼り付ければOKです
いろいろ面白い使い方ができると思いますので 興味のある方は是非お試しください




〔 オンマウスで箱の中が見えます 〕



今日もお出でいただき ありがとうございました





関連記事



 

Comments

Edit
コレ面白い!!

早速やってみます


着てる服の…

いえいえ何でもありません
Edit
おはようございます。
やってみたいんですけど・・・その1

う~んう~ん上手くいかないのはナンデ!?

関係無いですけど
Edit
ありがとう!

早速今日の記事でトライしてみます。
らん太郎。ちゃんのは見たくない!^^
Edit
e-316 ひばり組らん太郎。さん
いろいろ使えると思いますので
ぜひ挑戦してみてください。
Edit
e-316 ただチャンさん
え、上手くいきませんか。
説明を大分端折ってますのでわかりにくいかも。

こちらも参考にしてみてください。
   ↓ ↓
http://www.psr.ne.jp/waku/blog/waza9.html
Edit
e-315 mu.choro狸さん
どういたしまして。
今日の記事、楽しみにしています。
Edit
こんにちは!
いつも、どうもありがとうございます♪

ご祝辞コメントどうもありがとうございました
HTML講座
面白いですよね♪
ご苦労様でした

またよろしくお願いいたします♪
Edit
わーーースゴイ
茶々サン素晴らしい~
ありがと~
このタグいただいて帰りますぅ~(´∀`*)

試してみますねぇ
このお休み中に♪♪

自分の画像でやってみよっかな?(#^.^#)デヘ
Edit
ちょっとした小技も

見る方にしてみれば大技ですね(^ν^)
Editきゃあ~!
素晴らしい!
コピーして
やってみます!

ありがとうございます!
Edit
おぉ~!面白いですね~♪
機会があったら、ぜひ試してみたいです!
Edit
お~、なかなかいいですね。
チャレンジしてみよう。

例えばビリヤードで打つ前と打ち終わった瞬間の写真を使えば、
動きのある写真に見えますかね。
Edit
e-316 スーパーサイドバックさん
こんにちは。
いつもありがとうございます。

HTML、いろいろ試してみたいものがあるのですが、
何しろそちらの知識が乏しくて、この程度が精一杯
です。
Edit
e-315 ひめこさん
いろいろ使えると思いますので、是非挑戦してみてください。
ひめこさんの画像で・・・、期待しています。
Edit
e-316 kissyさん
こういうの自由に使えたら、もっともっと楽しいブログにな
るのでしょうが、私にはこれ位が精一杯です。
Edit
e-315 はなこころさん
どういたしまして。
また、簡単なものがありましたらご紹介したいと思います。
是非お試しください
Edit
e-315 宮碧ちこたさん
いろいろな使い方ができますよね。
また、簡単なものがありましたらご紹介したいと思います。
Edit
e-316 matsuyamaさん
ビリヤードのような使い方も面白いかも知れませんね。
是非チャレンジしてみてください。
楽しみにしています。
Edit面白いですね^^
面白い技を教えて頂きありがとうございます^^

今度、私のブログでも挑戦してみます^^
Edit
さっそく使わせていただきましたー^^

この技法はこれからも楽しめそうです(笑)
感謝
Edit
面白いですね。
HTMLとか難しいことはよくわからないけど
これなら出来そうなので挑戦してみます!!
Edit
e-315 mimimamaさん
たまにこんな小技を使用することで、楽しいブログになっ
たりしますよね。
ぜひトライしてみてください。
Edit
e-316 zenさん
さすがzenさん、うまい使い方しますね。
逆にありがとうございました。
感謝
Edit
e-315 boominさん
HTML、私もよくわかりません。
ま、これ位が精一杯です。
簡単ですから、ぜひトライしてみてください。
楽しみにしています。
Edit
お早うございます~♪
オンマウスの効果って凄いですね。
花の色が出たり、箱の中身が見えたり
不思議ですね。
楽しかったです(^^♪
Edit
e-315 ミモザさん
楽しんでいただけたようで何よりです。
また、私にもできるような簡単な小技があったらご紹介
していきたいと思います。

Leave a Comment








2
3
5
6
7
9
10
12
13
14
16
17
18
19
20
21
23
24
25
26
27
28
29
30
31

top bottom