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

[ブログカスタマイズ]マウスで触ると文字が変化するリンク に関する記事です。
HOME > CATEGORY - [ブログカスタマイズ]マウスで触ると文字が変化するリンク
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

スポンサー広告 | Page Top↑ Yahoo!ブックマークに登録 スポンサーサイトの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
古民家マウスで触ると文字が変化するリンクは、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>

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

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

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

※公告タグの変更は、利用規約で禁止のASPが多いから、注意してね^^
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
タグ に関連したブログ内の記事へ
スポンサーサイト

[RSS] [Admin] [NewEntry]

[ブログカスタマイズ]マウスで触ると文字が変化するリンク | トラックバック:0 | コメント:12 | Page Top↑ Yahoo!ブックマークに登録 マウスで触ると文字が変化するリンクの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
SEO対策:アフィリエイト SEO対策:副業 SEO対策:在宅ワーク
  1. 無料アクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。