記事内に広告が含まれています

にほんブログ村ランキング参加用バナー(へた文字版)

ブログランキング

にほんブログ村ランキング参加用バナー(ロールオーバー、へた文字版)を作ってみました。これはバナー画像の上にマウスを載せるとバナー画像が変化するものです。最初は「躁うつ病」と表示した画像ですが、マウスを載せると「応援ありがとうございます」と表示が変化します。文字入れは自由にできますので、違う言葉にすることが可能です。
最初に表示している画像
 画像1(にほんブログ村ランキング躁うつ病ランキング)
 画像1 最初に表示している画像
マウスを載せたときに表示する画像
 画像2(応援ありがとうございます)
 画像2 マウスを載せたときに表示する画像
実際の表示(画像の上にマウスを載せると変化します)
 画像1+画像2(にほんブログ村ランキング躁うつ病ランキング→応援ありがとうございます)
 

表示用HTML(画像URLを記述)
<a href=”http://mental.blogmura.com/souutsu/” title=”にほんブログ村 メンタルヘルスブログ 躁うつ病(双極性障害)へ” target=”_blank”><Iimg src=”画像1” onmouseover=”this.src=’画像2’” onmouseout=”this.src=’画像1’” /></a>

コメントはこちら

スポンサーリンク
タイトルとURLをコピーしました