Top Blog parts , customize ;>マウスオン記述方法

2006年12月10日

マウスオン記述方法

先日使ってみたマウスオン。反響がありましたので、ちょっとテストをしてみました。
まずはこちらをご覧下さい。





つるやで餅つきのご注文があったので、お手伝いしながらこんな記事を書いてみました。

世間ではマウスオンと呼んでいる技のようです。
記事を書くときにちょっとHTMLタグを記述するだけです。


そんなに難しくないので、読み飛ばさないでね!


マウスオンの記述
<img src="1枚目の画像のURL"
onmouseover="this.src='2枚目の画像のURL'"
onmouseout="this.src='1枚目の画像のURL'">


たとえば、先程見ていただいたリンク中の画像はこのように記述しています。
  ※スミマセン、右側にはみ出してしまっています・・・
<img src="http://www.hamazo.tv/usr/shibayan/mochitsuki01.jpg"
onmouseover="this.src='http://www.hamazo.tv/usr/shibayan/mochitsuki02.jpg'"
onmouseout="this.src='http://www.hamazo.tv/usr/shibayan/mochitsuki01.jpg'">



すると、このように表示されます。

画像の上でマウスカーソルを動かしてみて!


ちょっと応用すれば、hrefタグを使用してマウスオンした後に拡大画像(別画像も可能)を表示する事もできます。


これは全てのブログサービスで出来るわけではなさそうです。
とりあえずは、
  ○ seesaa
  ○ FC2     マウスオンテスト
  ○ はまぞう   マウスオンテスト
は私の別館でテストしてOKでした。
  × ameblo
こちらは出来なかった。
無理なのか、無知なのかは分かりませんが・・・( ̄▽ ̄;)

他のブログサービスは環境が無いので未確認です。

興味のある方はお試しあれ!




面白い!

↓  と思った方はクリックプリーズ!  ↓





posted by しばやん at 21:15 | Comment(14) | TrackBack(0) | Blog parts , customize このエントリーを含むはてなブックマーク
この記事へのコメント
分かったような、分からないような(;^_^A
今度、試してみますね!!
Posted by なつまま at 2006年12月10日 21:21
分かったような、分からないような(;^_^A
・・・ではなく、分かりません。
ま、難しいことはしない主義って事で・・・・(私にとっては)(・・;)
Posted by みーこです at 2006年12月10日 21:25
>なつままさん
楽勝ですよ!
やってみましょう。
Posted by しばやん at 2006年12月10日 21:30
>みーこさん
スミマセン・・・
アメブロでは出来なかったので・・・
Posted by しばやん at 2006年12月10日 21:31
わざわざありがとうございました。
ちょっと使えそうなネタが出てきたら、
チャレンジしてみようと思います。(*^_^*)
Posted by maomao at 2006年12月10日 22:08
>maomaoさん
せっかく使うんなら何か狙いたいですよね。
maomaoさんならすぐにネタを見つけて撮影しちゃうでしょ。楽しみにしています。
Posted by しばやん at 2006年12月10日 22:15
たぶん分かってません(;^_^A

マウスオンして動いた画像を見て変な想像をしてしまったのは僕だけでしょうか( ̄▽ ̄*)ニヤリッ
Posted by ネオ at 2006年12月11日 18:32
>ネオさん
まぁ、上下運動ですからねぇ〜。( ̄▽, ̄)
Posted by しばやん at 2006年12月11日 19:10
ヾ(* ̄ ̄ ̄ ̄▽ ̄ ̄ ̄ ̄*)ノこんばんわ♪

オォォォォォォォ〜〜!
お餅がぺったん♪ぺったん♪
ワーイ♪ゝ(▽`*ゝ)(ノ*´▽)ノワーイ♪

すご〜い♪
今度使ってみよ〜っと♪
Posted by 隣のダンナ at 2006年12月11日 21:17
>隣のダンナさん
どうもです。(^o^)/
面白かった?ジャンジャン使ってみて・・・

・・・って、どこで使うの?
もしやブログ始めたとか・・・( ̄▽+ ̄)ニヤリ
Posted by しばやん at 2006年12月11日 21:24
う〜ん・・・
ヾ(;´▽`A``アセアセ

ブログまでできる頭してないからちょっとな〜・・・
(。>0<。)ビェェン

どこで使おうかって前に僕にも出来るのかな〜。。。
?チンプン?ヽ(゚◇。)ノ?カンプン?

あっ!
昨日早速つるや2号店行って美味しい
☆いちご大福☆
いただきました〜♪
家族みんなの大好物で〜す♪
!o(⌒囗⌒)oΨ イッタダキマーーース!!

Posted by 隣のダンナ at 2006年12月11日 21:48
>隣のダンナさん
大丈夫ですよ。( ̄▽+ ̄)ニヤリ
始めてしまえば何とかなります。

どうもどうも。(^o^)/
ご来店ありがとうございます。
残念、昨日は本店に居たのに・・・
Posted by しばやん at 2006年12月11日 21:58
ココログでも使えることを確認しました。・・・今度使ってみたいとおもいます。
Posted by もりかみ at 2006年12月11日 22:30
>もりかみさん
ココログもOKですか。
是非使ってみてください。
Posted by しばやん at 2006年12月11日 22:45
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。