にほんブログ村ランキング参加用バナー（ロールオーバー、へた文字版）を作ってみました。これはバナー画像の上にマウスを載せるとバナー画像が変化するものです。最初は「躁うつ病」と表示した画像ですが、マウスを載せると「応援ありがとうございます」と表示が変化します。文字入れは自由にできますので、違う言葉にすることが可能です。
最初に表示している画像
画像１（にほんブログ村ランキング躁うつ病ランキング）
マウスを載せたときに表示する画像
画像２（応援ありがとうございます）
実際の表示（画像の上にマウスを載せると変化します）
画像１＋画像２（にほんブログ村ランキング躁うつ病ランキング→応援ありがとうございます）
表示用HTML（画像URLを記述）
<a href=”http://mental.blogmura.com/souutsu/” title=”にほんブログ村 メンタルヘルスブログ 躁うつ病（双極性障害）へ” target=”_blank”><Iimg src=”画像１” onmouseover=”this.src=’画像２’” onmouseout=”this.src=’画像１’” /></a>
<a href=”http://mental.blogmura.com/souutsu/” title=”にほんブログ村 メンタルヘルスブログ 躁うつ病（双極性障害）へ” target=”_blank”><Iimg src=”画像１” onmouseover=”this.src=’画像２’” onmouseout=”this.src=’画像１’” /></a>
コメント