ステータスバー1

*** ステータスバーに文字1 ***




久々の更新です。。。 さぼり気味でスミマセンxxxx ( ̄∇ ̄*)ゞ
今日は、リンクや文字・画像等の上にマウスを乗せると、
ステータスバーに文字が出るタグを説明して行きます。


↓ココで使う基本のタグはコレ

<a onmousemove=window.status=" "> </a>


…ステータスバーに出る文字
…表示する文字や画像


にステータスバーに表示させる文字『Wellcome!!MyHomePage!!』を入れ、
に『マウスを重ねて見てね♪』と入れて見てみると…


<a onmousemove=window.status="Wellcome!!MyHomePage!!">
マウスを重ねて見てね♪
</a>


↓↓↓

マウスを重ねて見てね♪


…こうなります。
※ステータスバーが表示されていない場合は、ブラウザーのメニューバーから、
『表示』を開き、『ステータスバー』にチェックを入れてみましょう。

の所に画像を入れる場合は、画像の倉庫からのコピー『 <img src~> 』を入れます。

<a onmousemove=window.status="Wellcome!!MyHomePage!!">
<img src="http://plaza.rakuten.co.jp/~"> </a>


↓↓↓

バーナー




ここで注意する点は、2点。
・ステータスバーに『’』等の記号を表示する場合、
そのままでは 正しく表示されない事がある為、記号の後に半角英の『 』を入れるか、
全角かなで『 』や『”』と入れて下さい。

・もう一つは、半角スペース『 』が使えない為、( エラーが出ます
同じく全角かなで『 』スペースを取って下さい。


例えば、『ようこそ! TAMA’S HOMEへ♪』と入れる場合は、
『TAMA’ S HOME』のように明記します。
これを見てみると…

<a onmousemove=window.status="ようこそ! TAMA’ S HOMEへ♪">
マウスを重ねて見てね♪
</a>


↓↓↓

マウスを重ねて見てね♪


ここまではわかりましたか?(^-^)




これを元に、リンク先の紹介等を入れる事も出来ます。
通常の『href="http~"』を追加して見てみると…

<a href="http://plaza.rakuten.co.jp/tamachan/bbs/"
onmousemove=window.status="BBSへ行く?">
<img src="http://plaza.rakuten.co.jp/img/temp/1400/106.gif">
</a>


↓↓↓




<a href="http://furima.rakuten.co.jp/"
onmousemove=window.status="楽天フリーマーケットのTOPページへ飛びます">
楽天フリマ
</a>


↓↓↓

楽天フリマ


ここまではわかりましたか?
わからなければ聞いて下さい。。。


続きはまた明日☆,。:*:・ ° ヾ( ̄ー ̄)ノ



© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: