[ブログカスタマイズ]マウスで触ると文字が変化するリンク

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

マウスで触ると文字が変化するリンクは、onmouseover属性とonmouseout属性を、使うんだよ。＾＾

ちょっと↓に矢印（カーソル）を、載せてみて。＾＾
ここに普段表示するテキスト

これは、こんなHTMLタグに、なっています。＾＾
<span style="color:ここにテキストの色" onmouseover="this.innerText='ここに矢印が触れた時に表示するテキスト';"onmouseout="this.innerText='ここに矢印が離れた時に表示するテキスト'; ">ここに普段表示するテキスト</span>

具体的な使用例としては、こんな感じ↓に、なるよ。＾＾

応援してね＾＾

この場合は、こんな感じのソースコードです。＾＾
<span style="color:#ff0000" onmouseover="this.innerText='ありがとう〜♪';"onmouseout="this.innerText='応援してね＾＾'; ">応援してね＾＾</span>


●ランキングで、使ってみる

ランキングを、クリックしてもらう時に、お礼のメッセージを、出したい場合。
こんな感じ↓に、なるよ♪

応援してね＾＾

この場合は

<a href="ここにURL" target="_blank"span style="color:ここにテキストの色" onmouseover="this.innerText='ここに矢印が触れた時に表示するテキスト'';"onmouseout="this.innerText='ここに矢印が離れた時に表示するテキスト''; ">ここに普段表示するテキスト</span></a>

ちなみに、上で使ったＨＴＭＬの、ソースコードは、これ↓ね。＾＾
<a href="http://money.blogmura.com/affiliate/" target="_blank"span style="color:#639aff" onmouseover="this.innerText='ありがとう〜♪';"onmouseout="this.innerText='応援してね＾＾'; ">応援してね＾＾</span></a>

あなた次第で、使い方はいろいろ♪

個性的な、メッセージを表示して、ポチッとしてもらおう♪(´▽`)ノ

※公告タグの変更は、利用規約で禁止のASPが多いから、注意してね＾＾