ｽﾃｰﾀｽﾊﾞｰ2

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




それでは　ステータスバーの続きを書いていきますネ｡｡｡(^ー^* )
前回は、マウスをかさねると表示され、そのままの状態になっていましたが、
今日は　そのマウスが重ならない時の表示と、ちょっとしたお遊びも追加します。

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

<a onmousemove=window.status="●" onMouseOut=window.status=" ▲ " >
■</a>


▲ …マウスが重ならない時にステータスバーに表示される文字（通常時）


●と■は前回と同じで、
●…ステータスバーに出る文字
■…表示する文字や画像


●にステータスバーに表示させる文字『Wellcome!!　My　HomePage!!』
■に『マウスを重ねてみてね♪』
▲ に『ごゆっくりどうぞ☆彡』・・・と入れて見てみると…


<a onmousemove=window.status="Wellcome!!　My　HomePage!!"
onMouseOut=window.status=" ごゆっくりどうぞ☆彡 " >
マウスを重ねて見てね♪
</a>


↓↓↓

マウスを重ねて見てね♪


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

同じように、■の所に画像の倉庫からのコピー『 <img src～> 』を入れて見てみると…

<a onmousemove=window.status="ようこそＴＡＭＡ’Ｓ　ＨＯＭＥへ♪"
onMouseOut=window.status=" ごゆっくりどうぞ☆彡 " >
<img src="http://plaza.rakuten.co.jp/～"> </a>


↓↓↓

バーナー



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

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




では、次に行きましょう～♪　o(￣ｰ￣＼)☆ミLetsGo!!
一つは、この文字をクリックした時に、違うメッセージを表示させます。
『ａ』の中に『 onclick=window.status=" ★ " 』を追加し、
クリックした時に表示させる文字を ★ に入れます。

<a onmousemove=window.status="●" onMouseOut=window.status="▲"
onclick=window.status=" ★ " >
■
</a>


↓↓↓

マウスをクリック見てね♪

残念ながら、『a』を使っての画像（img）の１クリックは使えないようですので、
次に紹介している内容をよ読んで　変更して下さいネｖ



ではではもう一つ追加｡｡｡
この文字をダブルクリックした時にも、違うメッセージを表示させてみましょうｖ（笑）
同じく『ａ』の中に、『 ondblclick=window.status=" ◎ " 』を追加し、
ダブルクリックした時に表示させる文字を ◎ 中に入れます。

<a onmousemove=window.status="●" onMouseOut=window.status="▲"
onclick=window.status=" ★ " ondblclick=window.status=" ◎ " >
■
</a>


↓↓↓

マウスをクリックｏｒダブルクリックして見てね♪

ダブルクリックなら画像もＯＫのようなので、■に『<img src=～>』を入れて見ると…

バーナー

ここまではわかりましたか？
わからなければ　誰かに聞いて下さい｡｡｡　ヘ（＿＿ヘ）☆＼（＾＾；）ペシッ
ご質問には、出来る限り早くお答えできるよう　努力致します。（笑）

この次は、文字色の変更等を紹介して行きます☆，｡:*:･ °　ヾ（￣ー￣）ノ

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