☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆
読んだよ!遊びに来たよの合図にどうぞ。
にほんブログ村
かわいいかわいい(自画自賛)
この、カーソルを合わせると画像が変わるのが、結構みんなに気に入っていただいてるようで、教えて欲しいと問い合わせがあります。
えー、しょーがないなー(?′???)
カーソル合わせると画像が変わるバナーの作り方
リクエストにおこたえして、レクチャーしましょう!
えっへん
このやり方が正しいかはわかりませんが、わたしはこの方法でやってます。
ちなみに、ロールオーバーといいます。
【ロールオーバーのやり方】
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
読んだよ!遊びに来たよの合図にどうぞ。
にほんブログ村
かわいいかわいい(自画自賛)
どうぞ、かわいがってください、ポチポチと。