ホーム > ブログについて >chips(fc2など) > レオくんバナーの作り方(画像が変わるバナー)

レオくんバナーの作り方(画像が変わるバナー)

☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆
読んだよ!遊びに来たよの合図にどうぞ。
ブログランキング・にほんブログ村へ
かわいいかわいい(自画自賛)

この、カーソルを合わせると画像が変わるのが、結構みんなに気に入っていただいてるようで、教えて欲しいと問い合わせがあります。

えー、しょーがないなー(๑′ᴗ‵๑)

リクエストにおこたえして、レクチャーしましょう!
えっへん

このやり方が正しいかはわかりませんが、わたしはこの方法でやってます。

【ロールオーバーのやり方】

1. 画像を2枚または3枚用意します。

2. 次のタグを参考にして

*画像のみの場合

<img src="最初に表示させる画像のurl"
onMouseover="this.src='カーソルを重ねたときに表示させる画像'"
onMouseout="this.src='カーソルを離した時の画像'" />



*リンクさせたい場合


<a href="リンク先のUrl" target="_blank">
<img src="最初に表示させる画像のurl"
onMouseover="this.src='カーソルを重ねたときに表示させる画像'"
onMouseout="this.src='カーソルを離した時の画像'" />
</a>



以上です。
参考になりましたでしょうか。
急いで書いたので、また家で見直します。
スマホからだと、ちゃんとタグが表示されてないかも。

役にたった!
ララちゃん、やさしい!
ララちゃん、かわいい!(え?)
しゃーないし、応援してもいいよ!と思っていただけたら、下のブログ村のバナーを押して、応援おねがいします。


☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆
今日も訪問ありがとうございます。
我が家の招き猫、レオくんからも、ランキングボタンを押してほしいとお願いしております。m(__)m

読んだよ!遊びに来たよの合図にどうぞ。
ブログランキング・にほんブログ村へ
かわいいかわいい(自画自賛)
どうぞ、かわいがってください、ポチポチと。

↓人気ブログランキング↓
気が向いたらこちらもポチッと


月初なので姉妹ブログの更新もしないと。
結局、クラウドどれくらいやったのさってね。
応援いただけると励みになります
  
いつもありがとうございます

こちらもよく読まれています

関連記事

Sponsored Links

コメント

ララさん。こんばんは!
このバナー、本当に可愛くて良く出来ていますよ!
(私も真似した1人です✨)あの時は優しく教えてくださり、ありがとうございます!今日もポチポチ!

ララさ~んっ!大変お待たせしました~
できました、多分。
ちょっとさっきまで作業できない環境にいて、やっとスマホでやれました。
なぜ?か僕にはわからないのですが、コピー持ってくる場所によって成功したりしなかったりしてました、、、
一番新しい記事にはりました。みてもらえますか
:*:・・:*:・♪・:*:・・:*:・♪:*:・・:*:・♪・:*:・・:*:・♪
いつもご訪問ありがとうございます
これからも遊びに来てもらえると嬉しいです
:*:・・:*:・♪・:*:・・:*:・♪:*:・・:*:・♪・:*:・・:*:・♪

コメントの投稿

非公開コメント

よく読まれる記事

月別過去ログ